注意:!important要寫在分號的前面
這里注意當(dāng)網(wǎng)頁制作者不設(shè)置css樣式時,瀏覽器會按照自己的一套樣式來顯示網(wǎng)頁。并且用戶也可以在瀏覽器中設(shè)置自己習(xí)慣的樣式,比如有的用戶習(xí)慣把字號設(shè)置為大一些,使其查看網(wǎng)頁的文本更加清楚。這時注意樣式優(yōu)先級為:瀏覽器默認(rèn)的樣式 < 網(wǎng)頁制作者樣式 < 用戶自己設(shè)置的樣式,但記住!important優(yōu)先級樣式是個例外,權(quán)值高于用戶自己設(shè)置的樣式。
這里注意當(dāng)網(wǎng)頁制作者不設(shè)置css樣式時,瀏覽器會按照自己的一套樣式來顯示網(wǎng)頁。并且用戶也可以在瀏覽器中設(shè)置自己習(xí)慣的樣式,比如有的用戶習(xí)慣把字號設(shè)置為大一些,使其查看網(wǎng)頁的文本更加清楚。這時注意樣式優(yōu)先級為:瀏覽器默認(rèn)的樣式 < 網(wǎng)頁制作者樣式 < 用戶自己設(shè)置的樣式,但記住!important優(yōu)先級樣式是個例外,權(quán)值高于用戶自己設(shè)置的樣式。
2014-11-17
關(guān)于偽選擇符:
關(guān)于偽類選擇符,到目前為止,可以兼容所有瀏鑒器的“偽類選擇符”就是a標(biāo)簽上使用:hover了(其實偽類選擇符還有很多,尤其是css3中,但是因為不能兼容所有瀏鑒器,本教程只是講了這一種最常用的)。其實:hover可以放在任意的標(biāo)簽上,比如說p:hover,但是它們的兼容性也是很不好的,所以現(xiàn)在比較常用的還是a:hover的組合。
關(guān)于偽類選擇符,到目前為止,可以兼容所有瀏鑒器的“偽類選擇符”就是a標(biāo)簽上使用:hover了(其實偽類選擇符還有很多,尤其是css3中,但是因為不能兼容所有瀏鑒器,本教程只是講了這一種最常用的)。其實:hover可以放在任意的標(biāo)簽上,比如說p:hover,但是它們的兼容性也是很不好的,所以現(xiàn)在比較常用的還是a:hover的組合。
2014-11-17
<input type="reset" value="重置">
type:只有當(dāng)type值設(shè)置為reset時,按鈕才有重置作用
type:只有當(dāng)type值設(shè)置為reset時,按鈕才有重置作用
2014-11-17
<input type="submit" value="提交">
type:只有當(dāng)type值設(shè)置為submit時,按鈕才有提交作用
type:只有當(dāng)type值設(shè)置為submit時,按鈕才有提交作用
2014-11-17
塊狀元素這么霸道都是獨占一行,如果現(xiàn)在我們想讓兩個塊狀元素并排顯示,怎么辦呢?不要著急,設(shè)置元素浮動就可以實現(xiàn)這一愿望。任何元素在默認(rèn)情況下是不能浮動的,但可以用CSS定義為浮動,如div、p、table、img等元素都可以被定義為浮動。如下代碼可以實現(xiàn)兩個div元素一行顯示。
div{
width:200px;
height:200px;
border:2px red solid;
float:left;
}
div{
width:200px;
height:200px;
border:2px red solid;
float:left;
}
2014-11-17
為什么我直接把pink改成purple就實現(xiàn)了?難道span標(biāo)簽的權(quán)值比類的權(quán)值高??
2014-11-16