zoukankan      html  css  js  c++  java
  • 【CSS】font样式简写(转)- 不是很建议简写

    一、字体属性主要包括下面几个


    font-family,font-style,font-variant,font-weight,font-size,font

    font-family
    (字体族): “Arial”、“Times New Roman”、“宋体”、“黑体”等;
    font-style(字体样式): normal(正常)、italic(斜体)或oblique(倾斜);
    font-variant (字体变化): normal(正常)或small-caps(小体大写字母);
    font-weight (字体浓淡): 是normal(正常)或bold(加粗)。有些浏览器甚至支持采用100到900之间的数字(以百为单位);
    font-size(字体大小): 可通过多种不同单位(比如像素或百分比等)来设置, 如:12xp,12pt,120%,1em

    如果用 font 属性的话,就可以把几个样式进行简化,减少书的情况;font 属性的值应按以下次序书写(各个属性之间用空格隔开)

    顺序:font-style | font-variant | font-weight | font-size | line-height | font-family

     

    二、font的简写实例
     
    .font{
    font-style:italic;
    font-variant:small-caps;
    font-weight:bold;
    font-size:12px;
    line-height:1.5em;
    font-family:arial,verdana;
    }
    
     
     
    上面的样式简写为:
     
    .font{font:italic small-caps bold 12px/1.5em arial,verdana;}
     
     
     
     
    三、font的简写注意事项
     
     
    1、简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写。
     
    2、顺序不能改变.这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值
    计划、执行、每天高效的活着学着
  • 相关阅读:
    Oracle根据两点经纬度计算距离(转载)
    TCP小见解
    git describe功能实现
    UE中基本图形的原始大小是多大
    SQL多行合并与HTML组装,不转义特殊字符
    磁盘空间不足引起ftp报"553 Could not create file"
    一键安装包安装lnmp
    宝塔面板(Linux版)安装与使用
    Redhat7-yum本地源安装配置
    Oracle数据库多个表空间使用情况查询
  • 原文地址:https://www.cnblogs.com/huxiaoyun90/p/4302730.html
Copyright © 2011-2022 走看看