使用CSS样式表有什么好处

使用CSS样式表有什么好处

css样式表有两种，一种是内部样式表，另一种是外部样式表。

此外还有一种html本身就有的样式书写方式叫内联样式。



好处是相对而言的，只有比较才能体现出优点。题主没有表述清楚问的是哪一种同哪一种比较，所以我推测你想问的应该是外部样式表相对内部样式表和内联样式的优点。



要理解外部样式表的优点，首先要理解其特点。外部样式表的特点是：

1，样式与html分离。

2，一份css样式可应用于多处html内容。



所以其好处是：

①写代码时，重复的样式代码只需要写一份，减少了工作量。
②写出来的代码文件更简洁（便于其它人阅读），且文件大小也比较小。

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

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

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

①：样式可以实现重复使用，多个地方需要使用同种样式时，只需要写一遍，提高代码的使用率； ②：使用样式表，可以让html标签之间更清晰，比如样式一多时，css代码和html代码很容易看不清。