• 第十节课 -字体样式


    ul ol {list-style:none}

    a{text-decoration:none}

    font-size(字体大小):

                                  0(无)12px(最小) 16px(默认)

                                  em(父级字体,就近原则)

                                  rem(html字体大小,html的默认值也是16px)

                                  一般给body设置12px,因为body会把标签元素当成字体,如果字体过大会出现间隙,故设置为最小字体12px,body{font-sze:12px}

                                  em如果不用在font-size上,则为当前元素内字体大小,eg:div{10em;font-size:10px} 10em为100px

    font-family(字体样式):多值,多的值用作备用字体

                                谷歌默认:微软雅黑

                                ie默认:宋体

                                serif:衬线字体,末端加粗

                                sans-serif:非衬线字体,粗细均匀,更黑,更圆滑,常用作备用字体

                                eg:div{font-family:"微软雅黑“,sans-serif ;}                                (中文加引号)

                                引用外部字体: @font-face{

                         font-family:”繁体“(字体名);

                                                                             src:url(" ");             (引用字体路径)

                                                                            }        

                                                         div{font-family:"繁体"}        

    font-weight(字体粗细)

                               bold(加粗)   ,替代b标签的使用

                               normal(正常),用作清除字体本身默认的特殊样式

    font-style(字体样式)

                             normal(正常),用作清除字体本身默认的特殊样式,比如清除i标签的倾斜字体

                             italic(倾斜字体)

                             oblique(使字体倾斜,当某字体没设置倾斜字体时使用)

    font-variant(定义小型大写字母)

                           small-caps:(让小写字母变成大写字母,但又比大写字母小,大写字母不变)

                                                                                                                         

    line-height(行高) ,比font-size:大。字体在line-height内垂直居中,line-height可使字体与行内元素在其范围内居中

                             注意:能撑开块级与行内块元素

                                       不能撑开行内元素

    字体样式可写复合写法:要求 :字体大小放在倒数第二位,字体样式放在倒数第一位.,line-height写在font-size后,之间用/ 分开

                            eg1:font:12px/1.5em "繁体";

                            eg2:small-caps italic 12px/1.5em "繁体";

                              

     

  • 相关阅读:
    docker
    协程 gevent
    vue
    数据
    elk 配置
    iOS下架
    综合练习:词频统计
    组合数据类型综合练习
    Python基础综合练习
    熟悉常用的Linux操作
  • 原文地址:https://www.cnblogs.com/yzdwd/p/12128938.html
Copyright © 2020-2023  润新知