CSS設(shè)計(jì)的幾點(diǎn)看法 |
發(fā)布時(shí)間: 2012/8/28 23:47:30 |
1、CSS中邊框(border)的默認(rèn)值。網(wǎng)頁(yè)制作時(shí)當(dāng)編寫(xiě)一條邊框的規(guī)則時(shí),你通常會(huì)指定顏色、寬度以及樣式(任何順序均可)。例如:border:3pxsolid#000(3像素寬的黑色實(shí)線邊框),其實(shí)這個(gè)例子中唯一需要指定的值只是樣式。假如你指定樣式為實(shí)線(solid),那么其余的值將使用默認(rèn)值:默認(rèn)的寬度為中等(相當(dāng)于3到4像素);默認(rèn)的顏色為邊框里的文字顏色。如果這正是你想要的效果,你完全可以不在CSS里指定。
2、!important會(huì)被IE忽略。在CSS中,通常最后指定的規(guī)則會(huì)獲得優(yōu)先權(quán)。然而對(duì)除了IE以外的瀏覽器來(lái)說(shuō),任何后面標(biāo)有!important的語(yǔ)句將獲得絕對(duì)的優(yōu)先權(quán),例如:margin-top:3.5em!important;margin-top:2em除IE以外所有瀏覽器中的頂部邊界都是3.5em,而IE為2em,有時(shí)候這一點(diǎn)很有用,尤其在使用相對(duì)邊界值時(shí)(就像這個(gè)例子),可以顯示出IE與其他瀏覽器的細(xì)微差別。(很多人可能還注意到了CSS的子選擇器也是會(huì)被IE忽略的)。 3、圖片替換的技巧。使用標(biāo)準(zhǔn)的html而不是圖片來(lái)顯示文字通常更為明智,除了加快下載還可以獲得更好的可用性。但是如果你決心使用訪問(wèn)者的機(jī)器中可能沒(méi)有的字體時(shí),你只能選擇圖片。舉例來(lái)說(shuō),你想在每一頁(yè)的頂部使用“Buywidgets”的標(biāo)題,但你同時(shí)又希望這是能被搜索引擎發(fā)現(xiàn)的,為了美觀你使用了少見(jiàn)的字體那么你就得用圖片來(lái)顯示了,這就需要編寫(xiě)一段CSS代碼就可以很輕松的實(shí)現(xiàn)即顯示了圖片又隱藏了文字。 本文出自:億恩科技【mszdt.com】 服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)!虛擬主機(jī)域名注冊(cè)頂級(jí)提供商!15年品質(zhì)保障!--億恩科技[ENKJ.COM] |