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);