一、调整字体值得顺序

      大多数允许使用多个关键字的CSS属性都允许以任何顺序书写关键字，但是千万别说他们每个都是这样。font就是个例外。

    font的属性值必须包含字号（font-size）和字体族（font-family），而且顺序也必须是先字号后字体族。如果颠倒了顺序，或者漏掉了其中的一个，则任何现代浏览器都会完全忽略这条声明。

    此外，如果在声明中包含了其他关键字，则他们全部都得放在这两个必备值前面。

二、无单位的行高值

     line-height(行高)属性值即可以接受无单位的数值，也可以使用带单位的行高值（不推荐使用）；

     带单位与不带单位的区别：

      当你定义了一个有单位的值，例如2px,就会将计算后的行高值传给全部的后代元素。

      当你定义了一个无单位的值，例如2，现在传给后代元素的是这个原始数字，用来表示后代元素所使用的一个换算系数，而不是计算后的结果值。如下程序执行：

 

 

<html>

<head>

<title>  </title>

<style type="text/css">

#one{

font-size:20px;

line-height:5px;

}

#one li{

font-size:10px;

}

#two{

font-size:20px;

line-height:5;

}

#two{

font-size:10px;

}

</style>

</head>

<body>

  <ul>

<li>第一项</li>

<li>第二项</li>

<li>第三项</li>

<li>第四项</li>

  </ul>

  <ul id="one">

<li>第一项</li>

<li>第二项</li>

<li>第三项</li>

<li>第四项</li>

  </ul>

 

    <ul id="two">

<li>第一项</li>

<li>第二项</li>

<li>第三项</li>

<li>第四项</li>

  </ul>

</body>

</html>

执行后你会看到效果！

三、边框的样式不可缺

    form{ border:2px blue;}这样写不会出现边框，因为省略了boder-style的值意味着将会应用border-style的默认值（none），所以前面的规则相当于 form{border：2px blue none;},因此要有边框，必须有border-style的值。