欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

分享CSS代碼寫法優(yōu)化方案

  發(fā)布時間：2015-12-02 15:32:11   作者：佚名   我要評論
眾所周知,SEO優(yōu)化很重要的一點就是布局,而DIV+CSS布局優(yōu)于TABLE,接下來為大家簡單介紹一下CSS代碼寫法優(yōu)化，對css代碼優(yōu)化相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧

眾所周知,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)在我們暫時先不說。觀查以下代碼：

復(fù)制代碼
代碼如下:

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

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


復(fù)制代碼
代碼如下:

border:none;
}

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


復(fù)制代碼
代碼如下:

#tab img {
float:left;
}

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


復(fù)制代碼
代碼如下:

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

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


復(fù)制代碼
代碼如下:

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

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

以上內(nèi)容是腳本之家小編給大家分享CSS代碼寫法優(yōu)化方案，希望大家喜歡。

相關(guān)文章

最新評論