分享CSS代碼寫法優化方案

2024-07-11 08:29:35

字體：大中小

來源：轉載

供稿：網友

眾所周知,SEO優化很重要的一點就是布局,而DIV+CSS布局優于TABLE,接下來為大家簡單介紹一下CSS代碼寫法優化。

很多時候，特別是初學者寫的CSS代碼都會很多很多，讓別人看起來很復雜！為了避免這種問題，有兩種方法！第一：就是通過不斷地訓練，不斷地寫代碼來優化自己的代碼，另一種方法將是我要講到的！

要懂得優化自己的代碼首先就必須知道CSS中的優先級，關于CSS的優先級我會在下一篇文章里講到的，現在我們暫時先不說。觀查以下代碼：

復制代碼

代碼如下:
* {
margin:0px;
padding:0px
}
html,body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
h1,h2,,h3,h4,h5 {
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;
}