第五章 美化网页元素

1.< span>标签

< span>标签是HTML5的行内标签，被用来组合文档中的行内元素。

2.字体样式

font-family：设置字体类型。
font-size：设置字体大小。
font-style：设置字体风格。
font-weight：设置字体的粗细。
font：用于对字体样式进行综合设置。

3.文本样式

color：设置文本颜色。
test-alig：设置文本内容的水平对齐方式。
text-indent：设置首行文本的缩进。
line-height：设置文本的行高。
text-decoration：设置文本的装饰。
vertical-align：设置文本内容的垂直对齐方式。
tsxt-shadow：设置文本阴影效果。

4.超链接伪类

a:link{CSS样式规则;} 未访问前超链接的状态
a:visited{CSS样式规则;} 单击访问后超链接的状态
a:hover{CSS样式规则;}鼠标指针悬停时超链接的状态
a:active{CSS样式规则;}鼠标未释放时超链接的状态

5.列表样式

list-style-type：设置列表项标记的类型。
list-style-image：使用图片替换列表项的标记。
list-style-position：设置在何处放置列表项的标记。
list-style：设置所以的列表属性。

6.背景样式

1.< div>内容…< /div>

2.背景属性

• backhround-color：规定要使用的背景颜色。
• backhround-image：规定要使用的背景图像。
• backhround-repeat：规定如何重复背景图像。
• backhround-position：规定背景图像的位置。
• backhround-size：规定背景图像的尺寸。

7.CSS3渐变

1.CSS3渐变属性对浏览器的兼容性
属性名：Gradient
IE:10+
Firefox:19.0+
Chrome:26.0+
Opera:12.1+
Safari:5.1+

2.CSS3线性渐变的语法：
background-image：linear-gradient(direction，color-stop1，color-stop2，…）

3.渐变方向

to top 从底部到顶部
to bottom 从顶部到底部
to left 从右到左
to right 从左到右
to top left 从右下方到左上方
to top right 从左下方到右上方
to bottom left 从右上方到左下方
to bottom right 从左上方到右下方