外部css样式表有什么用

今天PHP爱好者为您带来外部css样式表的作用：1、使样式与html分离，实现了结构与表现的代码完全分离；2、方便复用及维护，减少了工作量；3、减少文件大小，让页面结构更容易被程序员和网络爬虫读懂；4、节省网络流量和带宽；5、减少渲染时间；6、有利于搜索排名等。希望对大家有所帮助。

本教程操作环境：windows7系统、CSS3版、Dell G3电脑。

如果 CSS 样式被放置在网页文档外部的文件中，则称为外部样式表，一个 CSS 样式表文档就表示一个外部样式表。

实际上，外部样式表也就是一个文本文件，扩展名为.css。当把CSS样式代码复制到一个文本文件中后，另存为.css文件，则它就是一个外部样式表。例如下图：

外部css样式表的作用：

• 使样式与html分离，实现了结构与表现的代码完全分离。

• 方便复用及维护，减少了工作量。因为只要修改css样式表文件，就能够改变很多网页，甚至改变整个站点的风格特色。避免了一个个网页去修改。

• 因为分离到各自独立的文件中，让 HTML 文件大小大幅减少了，从而让页面结构更容易被程序员和网络爬虫读懂

• 写出来的代码文件更简洁（便于其它人阅读），且文件大小也比较小。

• 代码文件传输时，能够节省网络流量和带宽。（因为文件更小，且重复的css样式会被存储在缓存中）

• 代码文件渲染时，能够减少渲染时间。（因为文件更小）

• 对搜索引擎友好，让搜索引擎给页面评分更高，有利于页面搜索引擎排名

• 外部样式表在用户首次访问后就被缓存到用户电脑上，下次访问无需加载

以上就是外部css样式表有什么用的详细内容，更多请关注php爱好者其它相关文章！