学习自网易云课堂
CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或 XML 等文件样式的计算机语言。CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。 为什么样式和结构要分开呢?
答:
将样式和结构写在一起,也就是直接将样式写在html标签中,会使整个html文档很乱,可读性变差,不利于维护。
将样式与结构分离有很多的好处:
- 利用CSS中的重用、组合、继承等特性减少样式的代码量,样式结构上非常清晰;
- 页面视觉有变动只需要修改相应的CSS文件,不用或者基本上不用改动html文档中的标签结构;
- 方便JavaScript脚本编写,比如用js控制标签的className来方便的、动态的改变元素的样式,而不是直接修改其具体样式
- 适合产品级、模块化的开发
或者说:
这就像“人靠衣装”一样,样式和结构分开后,可以对样式进行更加自由的设置,也带来了代码维护的简单,缩短了了工作成本,提高了效率。
结构归结构,样式归样式,各管各的,分而治之,方便管理、复用、维护。
如果需要改格式,可以很方便的“一次修改,多处使用”