CSS3网页元素

1.字体样式及文本样式

1.1< span>标签
一般无变化，加上样式，会发生变化。

1.2 字体样式

font-family:	设置字体类型
font-size	设置字体大小
font-weight	设置字体粗细
font-style	设置字体风格
font	用于对字体样式

1.3 文本样式
color：设置文本样式
text-aling:设置文本内容的水平对齐方式
text-indent:设置文本的缩进
line-height:设置文本的行高
text-decoration:设置文本的装饰
vertical-align:设置文本内容的垂直对齐方式
text-shadow:设置文本阴影效果

2.超链接伪类和列表样式

2.1超链接

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

2.2 列表样式
list-style-type:设置列表项标记的类型。
list-style-type:使用图片替换列表的标记。
list-style-position:设置在何处放置列表项的标记
list-style:设置所有的列表属性

3.背景样式

3.1< div >标签
< div>提供内容结构和背景的标签，块级元素，成对出现，
使用< div>时可以嵌套列表，段落，超链接等

3.2背景属性
background-color:规定要使用的背景颜色
background-imgae:规定要使用的背景图像
background-repeat:规定如何重复背景图像
background-position:规定背景图像的位置
background-size:规定背景图像的尺寸

3.3 backgroud-repeat
rapeat:背景图像将在垂直和水平方向重复
rapeat-x:水平重复
rapeat-y:垂直重复
no-rapeat：背景图像只显示一次

3.4 backgroud-size

值	描述
length	设置图像高度和宽度，第一个是宽第二个是高 ，只设置一个值，第二个是auto
percentage	以父元素的百分比来设置背景图片 ，第一个是宽第二个是高 ，只设置一个值，第二个是auto
cover	把背景扩大
contain	把图像扩展到最大尺寸

3.5 ccs渐变

方向	描述
to top	从低到高
to bottom	从高到低
to left	从右到左
to right	从左到右
to top left	从右下方到左上方
to top right	从左下方到右上方
to bottom left	从右上方到左下方
to bottom right	从左上方到右下方