1. 字体样式
-
font-family:字体族科,多值⽤于备用,以,隔开
font-family: "STSong", "Arial";
font-size:字体大小
font-style: 字体风格 normal | italic | oblique
font-weight:字体重量 normal | bold | lighter | 100~900
line-height:行高
font:字重 风格 大小/行高 字族
2、文本样式
- color:文本颜色
- text-align:横向排列 left 居左 | center 居中 | right 居右
- vertical-align:纵向排列
baseline:将支持valign特性的对象的内容与基线对齐
sub:垂直对齐文本的下标
super:垂直对齐文本的上标
top:将支持valign特性的对象的内容与对象顶端对齐
text-top:将支持valign特性的对象的文本与对象顶端对齐
middle:将支持valign特性的对象的内容与对象中部对齐
bottom:将支持valign特性的对象的文本与对象底端对齐
text-bottom:将支持valign特性的对象的文本与对象底端对齐
- text-indent:字体缩减
- text-decoration:字划线 underline,line-through,overline,none
- letter-spacing:字间距
- word-spacing:词间距
- word-break:自动换行 normal默认换行规则 | break-all 允许在单词内换行
3. 背景样式
background-color:颜色
-
background-image:图片
background-image: url(bg.png);
-
background-repeat:重复
repeat 重复 | no-repeat 不重复 | repeat-x 水平重复| repeat-y 垂直重复
background-position:定位 top | bottom | left | right | center
设置一个值,第二个值默认为center
第一个值控制水平位置,第二个值控制垂直位置background-attachment:滚动模式 scroll | fixed