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

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了姑蘇免費建站歡迎大家使用！

眾所周知,SEO優(yōu)化很重要的一點就是布局,而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"); 其實上面的代碼只是一個概括，意思是上面的標(biāo)簽，在你以后的CSS代碼里寫到有關(guān)于這個標(biāo)簽，剛才也要用到這個屬性，那么你就可以忽略不寫了！

例如：上面的代碼里的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的拉～ 因為這個的優(yōu)先級比上面CSS。CSS文件的優(yōu)先級高！

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

分享題目：如何優(yōu)化CSS代碼寫法
分享路徑：http://www.rwnh.cn/article10/jcjhdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)站改版、、云服務(wù)器、App設(shè)計、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)