• css之font值应该是怎样的


    我们在这四个月中,我们用了很长时间学习html、css、js,我们常在css中用到这样的属性:

    .div1
    {
    	border-left-1px;
    	border-left-style:solid;
    	border-left-color:#ddd;
    }
    .div2
    {
    	padding-top:3px;
    	padding-right:4px;
    	padding-bottom:5px;
    	padding-left:6px;
    }
    .div3
    {
    	background-position:111px 222px;
    	background-image:url(image.png);
    	background-repeat:no-repeat;
    	background-color:#cfc;
    }
    

      而我们可以把他们合并成这样:

    .div1
    {
    	border-left:1px solid #ddd;
    }
    .div2
    {
    	padding:3px 4px 5px 6px;
    }
    .div3
    {
    	background:111px 222px url(image.png) no-repeat #cfc;
    }
    

     在这些属性的值当中,顺序是无所谓的,并且数量也是不定的,中间也可以省略一些不写,也可以一个值代表两个属性,看起来也很正常,惟独有一个css属性是一个特例,那就是font。

    font : font-style ¦¦ font-variant ¦¦ font-weight ¦¦ font-size ¦¦ line-height ¦¦ font-family
    

      font设置或检索对象中的文本特性。该属性是复合属性。默认值为: normal normal normal medium normal "Times New Roman" 。第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。

    P { font: 12px/14px sans-serif }
    P { font: 80% sans-serif }
    P { font: x-large/110% "new century schoolbook", serif }
    P { font: bold italic large Palatino, serif }
    P { font: normal small-caps 120%/120% fantasy }
    P { font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }
    

      并且除了这些顺序不变的属性之外,并且字体的大小和family是必不可少的。

    总结:

     我也不知道我理解的对不对,我只是按我自己的理解和看一些资料得出的,但font中如果你不设值,他会用默认值代替,而其它的属性就不会有值。

      

     

  • 相关阅读:
    UE4中集成ProtoBuf
    QT之打印 QPrinter
    qt界面嵌入外部进程界面
    QAxWidget 妙用
    UE4嵌入Qt5 三维可视化案例
    QSS入门(一)
    Docker与k8s的恩怨情仇(四)-云原生时代的闭源落幕
    成品软件二次开发排第三,低代码的应用场景有哪些?
    React 并发功能体验-前端的并发模式已经到来。
    Docker与k8s的恩怨情仇(三)—后浪Docker来势汹汹
  • 原文地址:https://www.cnblogs.com/chencyl/p/3961213.html
Copyright © 2020-2023  润新知