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

                              

     

  • 相关阅读:
    N95当手柄玩游戏,甩起来还可以用手势控制电脑,分享一下我们的设计经验
    这个回答真逗
    基于事件通信的轻量级MVP框架实现,附源码
    敏捷开发读书笔记
    开发Access数据库提示的"标准表达式中数据类型不匹配",DateTime类型解决办法
    解决mysql表已满的错误
    我的OO实践由GPS消息处理抽象出一通用命令处理类
    收到开Windows 7 party的资源了【无图无真相】
    一)我要做什么,Petshop 源码分析
    天津大学免费上网,IPV4及IPV6同时共享的解决方案
  • 原文地址:https://www.cnblogs.com/yzdwd/p/12128938.html
Copyright © 2011-2022 走看看