什么是CSS外链储存?
CSS外链存储意味着独立放置CSS代码的文件,并在HTML标记中的标记内引用该文件。与放置CSS代码在HTML文件内不同,这将CSS分离为单独的文件,为Web开发者提供了更好的控制呈现的外观和风格的动态路线,同时促进更好结构化和可维护的编写。
CSS外链储存的好处是什么?
有几个主要优势:
- 结构化: CSS与HTML代码分离,可易于维护。可以集中管理UI样式。
- 重用性: 可以在多种页面中重复调用链接到的CSS文件。
- 可维护性: “一处修改全站应用”,复用性也有助于保持CSS代码的一致性。
- 响应性: 分离代码也有助于创建与响应性设计紧密相关的UI 样式,可以支持跨设备的访问。
如何使用CSS外链排版?
外链外部CSS文件到HTML文件有两种方法:
- 在head标记内用link标记链接诸如这样的外部CSS样式“http://www.mysite.com/css/mystyle.css”。
- 用style标记直接在HTML 表示链接到的的CSS 文件 。
第一种目前是最常见的。CSS文件通常被命名为“style.css”或“main.css”文件,然后可以在HTML 文档中用链接引用它们。
CSS外链存储何时是有用的?
外链CSS对于构建大型项目和团队协作是必不可少的。它可以提高开发速度、使得代码可维护和灵活。当你需要处理几个不同的项目时,记住,你可以在多个站点之间重复使用相同的CSS文件。
以及,分离CSS与HTML 在交付完成后有助于提升性能水平,同时客户还可以沿着测试路径访问前端单端点而无需整个站点(Webpack 提供了实现此操作的一种互补工具)。