CSS3中字体和文本的相关设置

字体:font(简写属性)

1.font-family
2.font-size
3.font-weight(字重:lighter bold bolder normal )
4.font-style(可以理解成Italic是使用文字的斜体,Oblique是让没有斜体属性的文字倾斜!)
5.font-variant(可取值为normal和small-caps)

1.注意为你的页面添加通用字体,通用字体包括(serif,sans-serif,monosapce,cursive,fantasy)。如果字体名中含有括号记得用引号括住。
2.font-variant会将所有的小写英文改变为小型大写英文。
3.如果使用简写font必须准守两条规则:(1):必须包含font-size和font-family得治。(2):顺序如下:weight style variant不分先后,然后是size最后是family。比如:p{font:bold italic small-caps 0.9rem arial,sans-serif}

文本属性:

text-indent(缩进,设置为长度值)
letter-spacing(字符间距)
word-spacing(单词间距)
text-decoration(文本装饰)
line-height(行高)
text-align(justify left right center)
vertical-align(任一长度值,或sub super top middle bottom)
text-transform(文本转换)

1.text-indent设置可设置为负值(此属性可继承)。2.字符间距letter-spacing对中文是有效的,因为中文之间没有空格,word-spacing不能起作用。3.文本装饰(underline,overline,line-through,blink,none)。
4.行高,比较麻烦,首先,和外边距不同,行高不会叠加。其次行高不设定单位。是个数字,一般在font简写中和font-size连写,比如font:1.2em/1.4 arial sana-serif;如果设置固定数值,字体变大时可能会重叠。因此不用px等绝对数值。5.vertical-align以基线为参照上下移动文本,但是这个属性只影响行内元素。如果你想在垂直方向上对齐块状元素,必须把其display设置为inline。这个多用于添加上下角标设置vertical-align:.4em.

你可能感兴趣的:(CSS3中字体和文本的相关设置)