CSS学习问答之“为什么样式和结构要分开呢”?
2013-03-31 11:50
211 查看
学习自网易云课堂
答:
将样式和结构写在一起,也就是直接将样式写在html标签中,会使整个html文档很乱,可读性变差,不利于维护。
将样式与结构分离有很多的好处:
利用CSS中的重用、组合、继承等特性减少样式的代码量,样式结构上非常清晰;
页面视觉有变动只需要修改相应的CSS文件,不用或者基本上不用改动html文档中的标签结构;
方便JavaScript脚本编写,比如用js控制标签的className来方便的、动态的改变元素的样式,而不是直接修改其具体样式
适合产品级、模块化的开发
或者说:
这就像“人靠衣装”一样,样式和结构分开后,可以对样式进行更加自由的设置,也带来了代码维护的简单,缩短了了工作成本,提高了效率。
结构归结构,样式归样式,各管各的,分而治之,方便管理、复用、维护。
如果需要改格式,可以很方便的“一次修改,多处使用”
CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或 XML 等文件样式的计算机语言。CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。 为什么样式和结构要分开呢?
答:
将样式和结构写在一起,也就是直接将样式写在html标签中,会使整个html文档很乱,可读性变差,不利于维护。
将样式与结构分离有很多的好处:
利用CSS中的重用、组合、继承等特性减少样式的代码量,样式结构上非常清晰;
页面视觉有变动只需要修改相应的CSS文件,不用或者基本上不用改动html文档中的标签结构;
方便JavaScript脚本编写,比如用js控制标签的className来方便的、动态的改变元素的样式,而不是直接修改其具体样式
适合产品级、模块化的开发
或者说:
这就像“人靠衣装”一样,样式和结构分开后,可以对样式进行更加自由的设置,也带来了代码维护的简单,缩短了了工作成本,提高了效率。
结构归结构,样式归样式,各管各的,分而治之,方便管理、复用、维护。
如果需要改格式,可以很方便的“一次修改,多处使用”
相关文章推荐
- CSS 样式学习
- 层、链接样式,css学习小结
- CSS学习(四)-css边框样式(下)
- 2分钟学习CSS语法结构
- JavaScript CSS修改学习第五章 给“上传”添加样式
- 蓝鸥零基础学习HTML5之CSS的基础样式一
- css学习-对链接应用样式
- 从零开始学习前端开发 — 9、标签嵌套规则及CSS常用样式覆盖
- HTML5学习_day01(7)--css常用文本样式
- 蓝鸥零基础学习HTML5第五讲 CSS的基础样式
- css 样式基础(一) 选择符与结构
- BootStrap3.0学习--全局 CSS 样式
- CSS基础应用学习系列(4)――用CSS对列表应用样式
- css学习之边框样式、外边距合并
- CSS学习之第二章《选择符与结构》(2)
- CSS学习笔记(八)链接样式
- CSS学习笔记(十)对表单和数据表格使用样式
- HTML&CSS样式框架结构
- 学习css笔记——图片样式章节
- CSS层叠样式的学习[2]