如何優化CSS代碼寫法

今天就跟大家聊聊有關如何優化CSS代碼寫法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

眾所周知,SEO優化很重要的一點就是布局,而DIV+CSS布局優于TABLE,接下來為大家簡單介紹一下CSS代碼寫法優化。
很多時候，特別是初學者寫的CSS代碼都會很多很多，讓別人看起來很復雜！為了避免這種問題，有兩種方法！第一：就是通過不斷地訓練，不斷地寫代碼來優化自己的代碼，另一種方法將是我要講到的！
要懂得優化自己的代碼首先就必須知道CSS中的優先級，關于CSS的優先級我會在下一篇文章里講到的，現在我們暫時先不說。觀查以下代碼：

代碼如下:

* {
margin:0px;
padding:0px
}
html,body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
h2,h3,,h4,h5,h6 {
font-size:14px;
color:#000;
font-weight:normal;
}
span {
font-size:14px; font-weight:bold; color:#000;
}
ul , ol {
list-style:none;
margin:0px;
padding:0px;
}
li {
display:block;
float:left;
}
img {
border:none;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline; color:#000
}

解說一下：把這些代碼放到你CSS。CSS文件里，再通過在其它CSS文件里@import url("css.css"); 其實上面的代碼只是一個概括，意思是上面的標簽，在你以后的CSS代碼里寫到有關于這個標簽，剛才也要用到這個屬性，那么你就可以忽略不寫了！

例如：上面的代碼里的img {

代碼如下:

border:none;
}

你在其它的文件遇到要定義圖片時，像這種：

代碼如下:

#tab img {
float:left;
}

這時#tab img 的CSS就會變成這樣；

代碼如下:

#tab img {
float:left; border:none;
}

那么你有時要圖片的邊框為1，那么就可以這樣寫了：

代碼如下:

#tab img {
float:left; border:1px;
}

這時#tab 的所有圖片的邊框都是為1的拉～ 因為這個的優先級比上面CSS。CSS文件的優先級高！

看完上述內容，你們對如何優化CSS代碼寫法有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。