CSS学习问答之“为什么样式和结构要分开呢”？

学习自网易云课堂

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件样式的计算机语言。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。

为什么样式和结构要分开呢？

答：

将样式和结构写在一起，也就是直接将样式写在html标签中，会使整个html文档很乱，可读性变差，不利于维护。

将样式与结构分离有很多的好处：

1. 利用CSS中的重用、组合、继承等特性减少样式的代码量，样式结构上非常清晰；
2. 页面视觉有变动只需要修改相应的CSS文件，不用或者基本上不用改动html文档中的标签结构；
3. 方便JavaScript脚本编写，比如用js控制标签的className来方便的、动态的改变元素的样式，而不是直接修改其具体样式
4. 适合产品级、模块化的开发

或者说：

这就像“人靠衣装”一样，样式和结构分开后，可以对样式进行更加自由的设置，也带来了代码维护的简单，缩短了了工作成本，提高了效率。

结构归结构，样式归样式，各管各的，分而治之，方便管理、复用、维护。

如果需要改格式，可以很方便的“一次修改，多处使用”