CSS权威指南学习笔记 —— 初步认识CSS

层叠样式表(Cascading Style Sheets，CSS)可以影响文档的表现。CSS是依附于文档的，如果不存在某种文档，CSS基本上是没有用的。

为什么会有CSS

在web早期(1990-1993)，HTML由一些结构化元素组成，用于描述段落、超链接、列表和标题等。简单来说刚开始的时候，HTML是个非常有限的语言，并不关心外观，一篇文章，里面有一些超链接。大概张这个样子。

后来有了第一个图形浏览器Mosaic，把浏览网页的体验变得更好，各种网站就开始涌现了。然后人们对网页的需求也变得越来越高，比如，有些人希望他们的网站用户看到的是一个大写加粗的牛X，O(∩_∩)O哈哈哈~但是当时的HTML有点满足不了需求，需要新的标签来展示。就这样出现了一些后来被嫌弃的专门负责表现的标签，如<font>，<big>等。

没过几年，这种做法就带来了严重的后果，那就是一片混乱。可以想象一下如果只能用标签来完成页面的布局和展示，有可能会全是<font>，跟现在提倡的结构化语义化的HTML正好是相反的。因为font标签没有任何结构上的意义，这样文档就非常乱，降低可用性。那这样做的目的只是为了满足视觉上的需求。但是带来了一下几个问题：

• 非结构化的页面建立内容非常困难。小爬虫一进来就蒙了，标题呢?关键内容呢？怎么全是font,big?算了应该没有我要找的东西，我还是走吧....
• 缺乏结构性会降低可访问性。前面也说了，只满足了视觉需求，那其他种类的浏览器，比如语音合成浏览器。
• 高级页面表现只能应用于某种文档结构。
• 结构化的标记更易于维护。

那CSS作为救星应运而生啦（1995年）。HTML负责结构化标记，CSS负责丰富表现，完美~~

CSS这么厉害，总结起来就是因为以下原因：

• 丰富的样式
• 易于使用。把一些视觉效果的命令都集中在一个方便的位置，而不是分散在文档的各个角落。
• 在多个页面上使用样式。
• 层叠。规定了一些冲突规则。
• 缩减文件大小。
• 为将来做准备。