美文网首页
五、字体文本样式和特殊符号

五、字体文本样式和特殊符号

作者: 东东丶酱 | 来源:发表于2017-08-18 15:49 被阅读0次

    1、字体样式

    文字颜色        color:
    字体类型        font-family:’微软雅黑’,’宋体’;
    字体大小        font-size:px / % / em / rem;
    

    2、字体粗细 font-weight:

        bold    定义粗的字体
        bolder  定义更粗的字体
        lighter 定义更细的字体
        normal  默认
        数值写法    100 - 900//400正常,700bold
    

    3、规定字体是否倾斜 font-style:

        italic      定义字体倾斜
        oblique     定义字体的斜体
        normal      默认
    

    4、小型大写字母 font-variant:

        small-caps  小型大写字母              normal      默认
    

    行高 line-height:px / % / em

    字体复合样式:

    基本写法:font:12px  ‘微软雅黑’,’宋体’;
    多样式写法:font:12px/1.2 ‘微软雅黑’ blod small-caps intalic;
    字体:字体大小/行高 字体风格 字体粗细 小型大写字母 倾斜
    

    5、控制文本大小写 text-transform

        uppercase   字母大写
        capitalize      首字母大写
        lowercase   小写字母
    

    6、文本对齐方式 text-align

        left        左对齐
        right       右对齐
        center  居中
        justify 两端对齐
    

    7、首行缩进

        text-indent:px / em;  
    

    文本修饰 text-decoration:

        none            去掉下划线
        underline       下划线
        line-through        中划线
        overline            上划线
    

    8、文字间距,针对手动空格

    字间距         letter-spacing:px / em;
    词间距         word-spacing:px / em;
    文本不换行   white-space:nowrap;
    单词内换行   word-break:break-all;
    

    9、文本省略号

        text-overflow:ellipsis;
    
        元素溢出隐藏  overflow:hidden;
    

    关于文本超出显示隐藏:

    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;//三者缺一不可(规定盒子宽高)
    

    10、特殊符号

    空格       
    大于号     >
    小于号     <
    引号      "
    版权符号    ©
    

    更多特殊符号请访问:http://www.w3school.com.cn/tags/html_ref_symbols.html

    相关文章

      网友评论

          本文标题:五、字体文本样式和特殊符号

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