008 常用样式

Posted 2021-01-07 hades0607

常用样式

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：字划线
• 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

v_hint：定位值可为方位词、百分比及固定值，值个数默认为两位(水平/垂直)，一个值时垂直默认center

• background-attachment：滚动模式

scroll | fixed

v_eg：父级设置属性，子集内容超出父级范围

v_hint：掌握基本属性