CSS（层叠样式表）简单来说可以为HTML标记语言添加一些样式、布局等。当浏览器显示文档时，它必须将文档的内容与其样式信息结合。它分两个阶段处理文档：

1.浏览器将 HTML 和 CSS 转化成 DOM （文档对象模型）。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。

2.浏览器显示 DOM 的内容。

对于CSS的学习，推荐分成三块学习：“基础概念”，“CSS2.1规范”，“CSS3规范”。精通CSS（第2版）是必须学习的，看完这本书你应该对：盒子模型，流动，block，inline，层叠，样式优先级等概念有基本的了解。CSS参考文档有菜鸟学院（基础、简单）：CSS 教程 | 菜鸟教程，Mozila官方文档（全E文、逼格高，详细）：MDN CSS Doc

在学习完基础知识后，可以尝试完成Htm/Css基础编码的项目，增强知识的掌握程度。

1.首先，新建一个HTML文档，这里以Div css布局为例。

2.点击插入菜单下的“Div（D）”，弹出对话框。

3.点击“新建css规则”，定义一个选择器，“确定”完成。

4.设置大小及背景颜色，“确定”完成。

CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1 的基础上增加了很多强大的新功能，目前主浏览器 Chorme、Safari、Firefox、Opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分。是浏览器的私有属性虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容，前缀还是少不了的。

Chrome 和 Safari：-webkit

Firefox：-moz

IE：-ms

Opera：-o

CSS3 把很多以前需要使用的图片和脚本来实现的效果，甚至动画效果，现在只需要短短几行代码就能搞定。比如：圆角、图片边框、文字阴影和盒阴景、渐变、个性化字体、多图片背景、变形处理（旋转、缩放、倾斜、移动）、过渡、动画、多栏布局、媒体查询等。还有选择器，简化了前端开发工作人中山小榄的设计过程，加快页面载入速度。

h3是标签选择器。

标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：

标签名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ......}

标签选择器最大的优点是能快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。