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

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

学习自网易云课堂

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

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

答:

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

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

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

或者说:

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

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

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

相关推荐

如何挽救你,我的男配
黑帮365天第3季是真实的吗

如何挽救你,我的男配

🕒 07-28 👁️ 3457
篝火评测
beat365网站老板

篝火评测

🕒 07-20 👁️ 8133
蛋挞皮哪里买 蛋挞皮怎么选购
beat365网站老板

蛋挞皮哪里买 蛋挞皮怎么选购

🕒 07-24 👁️ 4998