美文网首页
网易微专业-页面制作-文本

网易微专业-页面制作-文本

作者: Marks | 来源:发表于2017-04-02 14:14 被阅读20次

    1、font-size 字体大小

    2、font-family 字体格式

    3、font-weight 加粗

    4、font-style : normal | italic | oblique

    5、line-height 字体高度:
    normal | <number> | <length> | <percentage>

    <number>与<percentage>区别: percentage是先计算再继承(给自身font-size),percentage=300%时,line-height为30px(body的font-size值)*3=90px number则直接继承,number=3时,line-height=16px(自身font-size值)*3=48px

    6、font :
    [<font-size> || <font-weight> ] ? <font-size> [/<line-height>] ? <font-family>

    Paste_Image.png

    7、vertical-align 垂直对齐

    Paste_Image.png

    8、text-indent 首行缩进 :
    <length> | <percentage>

    Paste_Image.png

    9、white-space :
    normal | nowrap | pre | pre-wrap | pre-line

    Paste_Image.png

    10、word-warp :单词换行
    nomal | break-word

    11、word-break :
    normal | keep-all | break-all

    Paste_Image.png

    12、text-shadow :
    none | [<length> {2,3} && <color>? ]#

    length第三个值是模糊半径 颜色不写则默认为文字颜色

    13、text-decoration :
    none | [underline || overline || line-through]

    14、text-overflow:
    clip | ellipsis

    Paste_Image.png

    15、cursor

    Paste_Image.png

    相关文章

      网友评论

          本文标题:网易微专业-页面制作-文本

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