css美化网页元素

1.span标签的作用
能让某个文字或词语凸显出来

2.字体样式

属性	含义	示例
font-family	设置字体类型	font-family:"隶书";
font-size	设置字体大小	font-size:12px;
font-style	设置字体风格	font-style:italic;
font-weight	设置字体的粗细	font-weight:bold;
font	在一个声明中设置所有字体属性字体属性的顺序：字体风格→字体粗细→字体大小→字体类型	font:italic bold 36px "宋体";

3.font-size单位
px（像素）、em、cm、mm、pt、pc

4.font-style属性
normal、italic、oblique

5.font-weight

值	说明
normal	默认值，定义标准的字体
bold	粗体字体
bolder	更粗的字体
lighter	更细的字体
100、200、300、400、500、600、700、800、900	定义由细到粗的字体 400等同于normal，700等同于bold

6.font属性
字体属性的顺序：字体风格→字体粗细→字体大小→字体类型
p span{font:oblique bold 12px "楷体";}

7.文本属性

8.color属性
RGB
十六进制方法表示颜色：前两位是红色分量，中间两位是绿色分量，最后两位是蓝色分量
rgb(r,g,b) : 正整数的取值为0～255
RGBA
在RGB基础上增加了控制alpha透明度的参数，其中这个透明通道值为0～1

9.text-align属性

10.text-decoration

11.文本阴影
text-shadow : color x-offset y-offset blur-radius;

12.超链接伪类
标签名：伪类名{声明；}
a:hover {
color:#B46210;
text-decoration:underline;
}

设置伪类的顺序：a:link->a:visited->a:hover->a:active

13.列表样式
list-style-type
————image
————position
list-style

14.背景样式
背景颜色：background-color属性
背景图像：background-image属性
背景重复方式：background-repeat属性
背景定位：background-position属性
背景样式简写：background属性

15.设置背景图像
背景重复方式：background-repeat属性
repeat：沿水平和垂直两个方向平铺
no-repeat：不平铺，即只显示一次
repeat-x：只沿水平方向平铺
repeat-y：只沿垂直方向平铺

16.背景定位

值	含义
Xpos Ypos	单位：px， Xpos表示水平位置，Ypos表示垂直位置
X% Y%	使用百分比表示背景的位置
X、Y方向关键词	水平方向的关键词： left、center、right 垂直方向的关键词： top、center、bottom