CSS

一、伪类选择器：（标示是：{冒号}）
1、a:link（未访问的链接）
2、a:visited （已访问过后的效果）
3、a:hover （鼠标移动到链接上的效果）
4、a:active （点击时的效果）

ps：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。a:active 必须被置于 a:hover 之后，才是有效的。

5、:first-child （元素的第一个子元素）
6、:focus （获得焦点时向元素添加特殊的样式）
7、：first-letter（元素的第一个字）

二、选择器的权重：
内嵌 id class 元素

1      0    0    0
0      1    0    0
0      0    1    0
0      0    0    1

ps：通配符的权重为0是最小的，important的权重是最高的。

三、CSS基础样式：

1、文本：
color （设置文本颜色）
direction （设置文本方向）
line-height （设置行高）
letter-spacing （设置字符间距）
text-align （对齐元素中的文本）
text-decoration （向文本添加修饰）
text-indent （缩进元素中文本的首行）
text-transform （控制元素中的字母）
word-spacing （设置字间距）

2、字体：
font-family （设置字体系列）
font-size （设置字体的尺寸）
font-style （设置字体风格）
font-weight （设置字体的粗细）

3、列表：
list-style （简写属性，用于把所有用于列表的属性设置于一个声明中）
list-style-image （将图象设置为列表项标志）
list-style-position （设置列表中列表项标志的位置）
list-style-type （设置列表项标志的类型）

4、边框：
outline （在一个声明中设置所有的轮廓属性）
outline-color （设置轮廓的颜色）
outline-style （设置轮廓的样式）
outline-width （设置轮廓的宽度）

5、背景：
background （简写属性，作用是将背景属性设置在一个声明中）
background-attachment （背景图像是否固定或者随着页面的其余部分滚动）
background-color （设置元素的背景颜色）
background-image （把图像设置为背景）
background-position （设置背景图像的起始位置）
background-repeat （设置背景图像是否及如何重复）

四、前景图和背景图
1、前景图：
前景图的操作是直接在HTML的标签里面添加img标签。是显示在页面的前面。
2、背景图：
是在标签的CSS样式里面添加background-image属性。是镶嵌在页面当中的。

ps：如果同时使用了前景图和背景图，页面会从先显示前景图再显示背景图，背景图会被覆盖。但是一般不会建议这样书写代码。