今天就跟大家聊聊有關(guān)如何優(yōu)化CSS代碼寫法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司IDC提供業(yè)務(wù):棕樹數(shù)據(jù)中心,成都服務(wù)器租用,棕樹數(shù)據(jù)中心,重慶服務(wù)器租用等四川省內(nèi)主機(jī)托管與主機(jī)租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機(jī)房,BGP機(jī)房,電信機(jī)房,移動機(jī)房,聯(lián)通機(jī)房。

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

代碼如下:

* {
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"); 其實(shí)上面的代碼只是一個概括，意思是上面的標(biāo)簽，在你以后的CSS代碼里寫到有關(guān)于這個標(biāo)簽，剛才也要用到這個屬性，那么你就可以忽略不寫了！

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

代碼如下:

border:none;
}

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

代碼如下:

#tab img {
float:left;
}

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

代碼如下:

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

那么你有時要圖片的邊框?yàn)?，那么就可以這樣寫了：

代碼如下:

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

這時#tab 的所有圖片的邊框都是為1的拉～ 因?yàn)檫@個的優(yōu)先級比上面CSS。CSS文件的優(yōu)先級高！

看完上述內(nèi)容，你們對如何優(yōu)化CSS代碼寫法有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

當(dāng)前文章：如何優(yōu)化CSS代碼寫法-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://weahome.cn/article/dpiois.html