• css font简写规则


    是不是在很很多网站的公共样式中会看到这样的代码?
    font: 12px/150% Arial, Verdana, "5b8b4f53";
    意思为:字体大小/行高 字体族

    "5b8b4f53″ 就是 “宋体”。用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。注释乱码:强烈建议不要用中文注释。font-family:’宋体’
    为了方便大家好查,整理了些中文名 Unicode,特此献给其他前端开发的朋友们
    新细明体 65B07EC6660E4F53
    细明体 7EC6660E4F53
    标楷体 680769774F53
    黑体 9ED14F53
    宋体 5B8B4F53
    新宋体 65B05B8B4F53
    仿宋 4EFF5B8B
    楷体 69774F53
    仿宋_GB2312 4EFF5B8B_GB2312
    楷体_GB2312 69774F53_GB2312
    微软正黑体 5FAEx8F6F6B639ED14F53
    微软雅黑 5FAE8F6F96C59ED1
    现在告诉你它的书写规则

    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(字体大小): 可通过多种不同单位(比如像素或百分比等)来设置, 如:12px,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;}



  • 相关阅读:
    Apache的Order Allow,Deny 详解
    apache的AllowOverride以及Options使用详解
    安装启动apache2.4后报Invalid command 'order', perhaps misspelled or defined by a module not included
    前端常见跨域解决方案(全)
    php面试宝典
    php面试题2018
    nginx负载均衡的5种策略
    多台服务器共享session问题
    小程序定义并使用类
    微信小程序真机预览接口不到数据,打开调试确能请求到
  • 原文地址:https://www.cnblogs.com/xuemingyao/p/5781028.html
Copyright © 2020-2023  润新知