天蠶杭州網(wǎng)絡(luò)公司教你CSS網(wǎng)頁(yè)設(shè)計(jì)

時(shí)間：2023-10-15 04:54:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-10-15 04:54:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

天蠶杭州網(wǎng)絡(luò)公司教你CSS網(wǎng)頁(yè)設(shè)計(jì)：別指望 min-width 在IE中有用。
　　IE不支持它，但是它將 width 當(dāng)作 min-width，所以通過(guò)一些 IE 的過(guò)濾技巧（filtering），可以實(shí)現(xiàn)同樣的最終效果。
　　把CSS過(guò)濾器（filters）當(dāng)作最后的手段
　　CSS 技巧和過(guò)濾器可以使您有選擇地應(yīng)用到（或者不應(yīng)用到）某些元素。應(yīng)當(dāng)盡可能地找到標(biāo)準(zhǔn)的跨瀏覽器的解決辦法來(lái)實(shí)現(xiàn)您想要的效果，而不是動(dòng)不動(dòng)就使用過(guò)濾器。要將它當(dāng)成走投無(wú)路時(shí)的救命手段。在這里可以找到大量的CSS 過(guò)濾技巧。［譯注：不要把這里的filters和IE中的濾鏡混淆。由于各個(gè)瀏覽器對(duì)CSS標(biāo)準(zhǔn)的支持程度不一，人們找到了許多技巧，將瀏覽器無(wú)法解釋或錯(cuò)誤解釋的樣式表或規(guī)則屏蔽掉。這就是所謂的CSS過(guò)濾器或技巧。http://webjx.com
　　如果使用了錨點(diǎn)，在應(yīng)用超鏈接樣式時(shí)要特別小心。
　　如果您在代碼中使用了傳統(tǒng)的錨點(diǎn)（），您會(huì)注意到 ：hover 和 ：active偽類也會(huì)作用于它。要避免這種情形，你可以使用 id，或者使用鮮為人知的語(yǔ)法： ：link:hover， ：link:active

記住“LoVe/HAte”（愛(ài)/恨）鏈接規(guī)則
　　要以下面的順序指定超鏈接偽類：Link， Visited， Hover， Acitve。任何其他順序都不妥當(dāng)。假如用了：focus，次序應(yīng)為 LVHFA（“Lord Vader‘s Handle Formerly Anakin”，Matt Haughey這樣建議）。
　　請(qǐng)記住“TRouBLED”（麻煩的）邊框。
　　邊框（border）、邊距（margin）和補(bǔ)白（padding）的簡(jiǎn)寫次序?yàn)椋喉槙r(shí)針?lè)较驈纳祥_(kāi)始，即 Top， Right， Bottom， Left。比如 margin： 0 1px 3px 5px;表示上邊距為零，右邊距為1px，依此類推。

非零值要指明單位。
　　在用CSS指定字體、邊距或大小時(shí)，必須指明所用的單位。某些瀏覽器對(duì)未指明單位的處理方法不足為憑。零就是零，不管是 px還是em還是其他單位，它不需要單位。例如： padding： 0 2px 0 1em;

測(cè)試不同的字體大小。

　　像Mozilla和Opera這樣的高級(jí)瀏覽器允許對(duì)字體進(jìn)行縮放，不管你用的是什么單位。某些用戶的默認(rèn)字體大小肯定和您的不同，盡最大努力去滿足他們。