美文网首页
CSS3中字体和文本的相关设置

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

作者: Hugo1973 | 来源:发表于2017-02-05 23:21 被阅读0次

    字体: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中字体和文本的相关设置

          本文链接:https://www.haomeiwen.com/subject/bbmkittx.html