1.span标签
突显,强调局部文字的作用
2.字体样式
font-size:字体大小
font-style:normal,italic(倾斜)
font-weight:normal,bold(加粗)
font-familty:字体类型(楷体)
font:样式 粗细 字体大小 字体类型
3.文本样式
color:文本样式
text-align:水平对齐方式
text-indent:首行缩进
line-height:行高
text-decoration文本装饰(underline overline line-through)
vertical-align:垂直对齐方式(top middle bottom)
text-shadow:颜色 x轴偏移量 y轴偏移量 阴影模糊范围; //文本阴影
4.超链接伪类样式
a:link //未点击访问过样式 a:visited //访问过样式 a:hover //鼠标悬浮样式
a:active //鼠标按下未松开样式
5.列表样式 list-style-type: cricle.. list-style-image: url(图片路径) list-style-position:inside|outside 样式位置. 6.背景样式 background-color: 背景颜色 background-imgage:url(图片路径) background-repeat:no-repeat,repeat..(图片重复方式) background-position:px,百分比,left..(图片位置) background:颜色 图片 位置 重复方式 background-siez:cover(充满背景)|contain (图片尺寸) 7.渐变 backgournd:linear-gradient(渐变方向,开始颜色,结束颜色) 注意:兼容性 IE浏览器是Trident内核,加前缀:-ms- Chrome浏览器是Webkit内核,加前缀:-webkit- Safari浏览器是Webkit内核,加前缀:-webkit- Opera浏览器是Blink内核,加前缀:-o- Firefox浏览器是Mozilla内核,加前缀:-moz- 例: background:-webkit-linear-gradient(left bottom,red,blue);