css 小問題

1.為什麼使用語義化標籤

   1.1、語義化標籤可以使人明白標籤的含義和作用；1.2.有利於搜尋引擎抓取進而有利於網站推廣;3.行動裝置的無障礙閱讀。

 

2.css最佳化的方法

   2.1 合理使用簡寫;2.2 使用工具對css代碼進行最佳化壓縮; 2.3 對css代碼進行重用 ；2.4  謹慎使用後代選取器，因為後代選取器是css中最昂貴的選取器；

   2.5不要使用標籤修飾；2.6 謹慎使用通用選取器，因為其要對所以的標籤進行初始化 ；2.7 類別選取器、ID選取器前不要加修飾符；

   2.8 去掉0後面的單位；2.9 去掉多餘的空格； 2.10 不要使用小圖片進行平鋪；

 

3.line-height：150%與line-height：1.5的區別

這個問題設計到line-height的繼承性，加入line-height帶有單位的話，繼承的是計算後的值；不帶單位的話繼承的是這個參數。

例如:

<div style="line-height:x">(x分別為150%、1.5)

　　<p style="font-size:30px;">line-height</p>

</p>

當x=150%時，<p>繼承來的line-height為瀏覽器的font-size*150%，加入瀏覽器為16px，則實際的line-height為24px，要小於30px，所以字型之間會出現重疊；

當x=1.5時，   <p>繼承來的line-height為參數1.5，此時<p>的line-height為30*1.5=45px>30px所以不會出現重疊的問題。

為了應對各種不可知的情況，習慣上不要給line-height任何單位。

 

4.css的優先順序問題  

  4.1.如果瀏覽器支援important，那麼此屬性的優先順序最高；      4.2.對於不同的選取器，ID>class>tags;

  4.3.最近優先順序就越高；  4.4.規定的優先順序高於瀏覽器預設的優先順序

5.布局的技術

   可以使用float、負邊距、相對定位（絕對位置）來完成布局任務