常用样式汇总

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