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