初步了解，走进CSS。

一、 概念
CSS即层叠样式表(英文全称：Cascading Style Sheets)，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

二、如何在Html中运用CSS

1. 将css规则嵌入到元素的style中。
2. 将css规则嵌入到head中的style标签中。
3. 将css规则定义在外部的css文件中，然后再通过link引用进来。

三、CSS的选择器
1、 核心选择器
包括： div{ };
id: #one{ };
class: .second{ };
逗号选择器：div,#one{ };
组合选择器: div#one{ };
普遍选择器: * （一般不单独使用）
2、层次选择器
包括：子元素选择器：.nav>ul>li{ };
后代选择器：.nav li{ }；
下一个兄弟选择器：.products>li.ios+{ };
之后所有兄弟选择器：.products>li.ios~{ };
3、伪类选择器
（1）与状态相关: :link未被点击；:hover光标悬浮；:active激活；:wisited已访问；
:checked默认；:selected下拉菜单 等等
（2）与子元素相关: :first-child第一个孩子；:last-child最后一个；nth-child(n)第n个，n可为具体的数字，也可为公式、函数；以及:first-of-type;last-of-type;nth-of-type();等。
4、伪元素选择器
（1）可以产生虚拟元素的： ::before ::after
（2）::first-letter ::first-line ::selection
5、属性选择器
select[type]；select[type=text]；select[type^=t] 开始字母为t ；select[type$=t] 包含t字母；select[type*=t] 结束字母为t 。

四、CSS规则

1. 字体样式
   font-family；“Microsoft YaHei” ‘serif’
   font-style；（属性为normal italic）
   font-weight；（属性为 bold thin bolder）
   font-size；默认为16px
   line-height；（一般为2em）
   color；字体颜色

2. 文本样式
   text-align；center 居中显示
   text-decoration；（属性为 line style color）
   text-indent；文本缩进一般为2em
   text-shadow；文本阴影

3. 列表样式
   type；circle square
   image； url(’./image.png’)
   position； outside inside

4. 盒子样式
   margin；属性为top right bottom left
   border；（属性top right bottom left border-radius 圆角半径）
   background；（属性为origin起点 image 背景图片 repeat重复方式 color 颜色 position 位置 clip 裁切方式 size）

5. 单位
   （1）颜色
   （2）长度
   绝对单位：px
   相对单位：em

6. 注释
   /注释内容/

五、CSS布局

1. 浮动布局
2. 定位布局
3. 伸缩盒布局

六、CSS动画