zoukankan      html  css  js  c++  java
  • CSS里font属性的用法

    CSS的语法说简单也简单——跟Java、Python这样的编程语言比起来。但说复杂也复杂,因为它里面有很多的技巧可以研究。在css里有很多的属性是复合属性——可以拆分成多个属性表示,我们通常将复合属性称作简写,比如今天要说的font属性。

    font: 13px/22px Arial, Helvetica, sans-serif;

    上面的写法就是一个复合写法。中间有个斜杠的值是两个值,分别表示字体的大小和行高,我们把上面的复合写法拆解开,等效于下面的这段代码:

    font-size:13px;
    line-height:22px;
    font-family:Arial, Helvetica, sans-serif;

    可以看出,简写的方式非常简练,可以省去大量的繁琐。使用CSS的简写方式是个好习惯,能够大量的压缩CSS文件的体积,减少带宽的使用,加快网页的加载速度。上面的例子并不是完整的font的复合写法,它的完整的语法是这样的:

    font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

    看起来很吓人吧,的确,我经常也不用复合写法,主要原因是记不住它们的顺序。对于记性好的朋友,复合写法还是首选。

    对于字体样式,有一种古老的写法,现在已经不推荐使用这种方式了:

    这是正常大小.  这是<font size="+2">更大的</font> 。

    使用<font>标记也能实现设置字体样式的效果,上面的例子这“+2”的意思是”x-large”,字体增加20%,用标准的CSS表示,可以等效成下面:

    这是正常大小.  这是<span style="font-size: x-large;">更大的</span> 。

    这是正常大小.  这是<span style="font-size: 1.2em;">更大的</span> 。

    这是正常大小.  这是<span style="font-size: 120%;">更大的</span> 。
  • 相关阅读:
    AppDomain以及如何改变web.config / App.config位置
    事实与谎言 软件工程
    REST WebServices学习
    项目沟通案例:最近项目开发中的扯皮问题
    用户界面设计的技巧与技术(By Scott W.Ambler)
    C#集合类(HashTable, Dictionary, ArrayList)与HashTable线程安全
    About
    Leading by Example
    Pair Programming vs. Code Reviews
    使用jqueryeasyui写的CRUD插件(2)
  • 原文地址:https://www.cnblogs.com/tangtianci/p/7889290.html
Copyright © 2011-2022 走看看