CSS3美化网页元素

一.span标签

　　　　　　能让某几个文字或者某个词语凸显出来
　　　　　　<p>
　　　　　　　　今天是11月份的<span>第一天</span>，地铁卡不打折了
　　　　　　</p>

二.字体风格

　　　　font-family：

　　　　　　　　字体类型
　　　　font-size:

　　　　　　　　字体大小
　　　　font-style：　　

　　　　　　　　字体风格
　　　　font-weight:

　　　　　　　　字体粗细
　　　　font:

　　　　　　　　 风格 粗细 大小 类型;
三.文本样式

　　　　color ：

　　　　　　　　设置文本颜色 rgb(0,0,255),rgba(0,0,255,0.5)
　　　　text-align：

　　　　　　　　 设置元素水平对齐方式
　　　　text-indent：

　　　　　　　　 设置首行文本的缩进
　　　　line-height：

　　　　　　　　 设置文本的行高
　　　　text-decoration ：

　　　　　　　　设置文本的装饰
　　　　vertical-align ：

　　　　　　　　设置文本垂直方式
　　　　text-shadow ：

　　　　　　　　设置文字阴影 text-shadow: 颜色 x轴偏移位置 y轴偏移位置 模糊半径
四.超链接伪类
　　　　单击访问前
　　　　　　.class01:link{
　　　　　　color: green;
　　　　　　text-decoration: none;
　　　　　}
　　　　单击访问后
　　　　　　.class02:visited{
　　　　　　color: pink;
　　　　　　text-decoration: none;
　　　　　}
　　　　鼠标悬浮
　　　　　　.class03:hover{
　　　　　　color: aqua;
　　　　　　text-decoration: none;
　　　　}
　　　　单击未释放
　　　　　　.class04:active{
　　　　　　color: red;
　　　　　　text-decoration: none;
　　　　}
五.列表样式
　　　　list-style-type ：

　　　　　　　　　　列表项前图标
　　　　list-style-image ：

　　　　　　　　　　列表项前图片
　　　　list-style-image:url(../image/QQ图片20181101095555.png);

六.背景样式
　　　　background-color：

　　　　　　　　　　　　 设置背景颜色
　　　　background-image：

　　　　　　　　　　　    设置背景图像
　　　　background-repeat：

　　　　　　　　　　　　 设置图像是否平铺
　　　　background-position：

　　　　　　　　　　　　 设置背景图像位置
　　　　background:

　　　　　　　　　　背景颜色 背景图像 x轴偏移位置 y轴偏移位置 平铺;
七.渐变
　　　　IE浏览器是Trident内核，加前缀：

　　　　　　　　　　　　　　　　　　　　-ms-
　　　　Chrome浏览器是Webkit内核，加前缀：

　　　　　　　　　　　　　　　　　　　　-webkit-
　　　　Safari浏览器是Webkit内核，加前缀：

　　　　　　　　　　　　　　　　　　　　-webkit-
　　　　Opera浏览器是Blink内核，加前缀：

　　　　　　　　　　　　　　　　　　　　-o-
　　　　Firefox浏览器是Mozilla内核，加前缀：

　　　　　　　　　　　　　　　　　　　　-moz-

　　　　background:

　　　　　　　　　　-webkit-gradient(linear,left bottom,right top,from(red),to(blue));
　　　　background:

　　　　　　　　　　linear-gradient(to bottom left,red,black);