zoukankan      html  css  js  c++  java
  • 第十节课 -字体样式

    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 "繁体";

                              

     

  • 相关阅读:
    pinyin4j 实现 中文和拼音之间转化
    关于Exceptionless日志收集框架如何关闭磁盘缓存
    WPF桌面程序在请求接口时如何防止被常用的抓包软件Fiddler抓包
    Docker可视化容器Portainer
    记我第一次玩Docker
    最火热的极速开发框架Spring Boot
    MySQL开发规范
    5分钟入门AWK
    必须掌握的30种SQL语句优化
    支付接口的幂等性设计
  • 原文地址:https://www.cnblogs.com/yzdwd/p/12128938.html
Copyright © 2011-2022 走看看