CSS這樣的語法，細節問題非常多，往往一些難以處理的問題，有可能是一些細節問題不到位，所以先記下一些，留給以後自己看看。

1.line-height:150%與line-height:1.5 的區別

 .main{
   font-size:12px;
   line-height:150%;
   margin:20px;
   border:1px solid #ccc;
 }
 
 .main p{
   font-size:20px;
 }

<div class="main">
    <p>This is a test!</
 
p>
</div>

當父容器為line-height:150%時，子元素P的line-height是按父容器的font-size*line-height來計算得出的是為18px;

然後當父容器為line-height:1.5時

 .main{
   font-size:12px;
   line-height:1.5;
   margin:20px;
   border:1px solid #ccc;
 }
 
 .main p{
   font-size:20px;
 }

子元素P的line-height是按父容器的line-height*自己的font-size計算得出的，所以是30px;

雖然是一個小問題，但是在排版的時候，不注意的話，會有意想不到的效果的。