《CSS 权威指南(第三版)》阅读随笔

概念

CSS 全称层叠样式表,即 Cascading Style Sheets,是一种用于丰富网页外观的技术。通过 CSS 可以有效地控制页面元素的颜色、大小、间隔、边框、背景等等一系列复杂样式属性。

选择 CSS 的理由

复用

在 CSS 出现之前,这些外观样式由 HTML 来实现了一部分,但却并不高效。比如还沿用至今的 font 标签就可以定义页面中的字体属性,如果是一个页面还好,当有成百上千个页面需要设置一样的字体颜色时,需要同时再修改成百上千个页面。但 CSS 却不用,CSS 可以将页面的样式单独抽象出来,作为公共元素样式,只需修改几行代码即可实现成百上千个相同元素样式的变更。因此也就大大地减少了页面代码的体积,提升了网页的下载速度,有效地改善了网页的使用体验。

解偶

HTML 作为一种结构化标记语言,其本质工作是为了定义页面的结构,如果再花费一些精力来处理样式,就会导致结构复杂度的提升。而 CSS 则可以有效地解偶该复杂度,让 HTML 更专心于文档结构。

更加丰富的支持

CSS 作为一种专门的样式处理技术,其核心能力还是提供更加丰富多彩的样式支持,赋予网页在展示内容方面更多的可能性。