学习html知识重点难点总结:
伪类选择器
在支持 CSS 的浏览器中，链接的不同状态都可以以不同的方式显示
实例：
1
2
3
4a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
注意：
1、在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才有效。
2、在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
3、伪类的名称不区分大小写。
边框属性重点
1、边框的一般属性
实例:
[实例] [] [link text] 1
2
3
4
5
6
7
border：10px 5px 15px 0; /*设置边框上右下左的像素*/
border-top: 100px solid red;
border-right: 100px solid green;
border-top: 100px solid red;
border-right: 100px solid green; /*以上四种是分辨设置的*/
border-color：red; /*这是设置边框四周颜色为红色*/
border-top: 100px solid red; /*连写模式 像素 实线 颜色*/
2、边框的圆角属性
实例:
1
border：10px 5px 15px 0 /*分别设置边框的像素*/
注意：IE浏览器不支持圆角属性
背景属性
查进程：
1、固定背景
可以设置背景的固定，当我们设置这个属性之后，我们的背景不会随着滚动条的滚动移动。（代码片段如下）
实例：
1
2
3background-image :url(css/images/img.jpg) ;
background-position: right bottom ; /*背景的绝对定位*/
background-attachment:fixed; /*此属性设置改背景固定*/
2、背景是否平铺
可以设置背景的平铺规则，当我们设置这个属性之后，我们的背景会沿着不同的方向循环平铺展示（代码片段如下）
实例：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 background-image :url(css/images/img.jpg) ;
background-repeat :no-repeat ; /*背景不平铺单张显示*/
background-repeat :repeat-x ; /*背景沿x轴平铺*/
background-repeat :repeat-y ; /*背景沿y轴平铺*/
```
3、背景各种属性的连写模式
实例
```[php] [实例] [] []
background: color url() repeat attachment position; /*颜色 地址 平铺效果 滚动 位置*/
```
* * *
字体属性
====
1、字体的包裹属性
当我们设置这个属性之后，字体在元素中自动换行不会超出所在元素
实例
word-wrap: normal; /*只在允许的断字点换行（浏览器保持默认处理）*/
word-wrap: break-word /*在长单词或 URL 地址内部进行换行。*/
```