CSS初學(xué)者技巧:談CSS的標(biāo)準(zhǔn)和最佳示例(2)_Div+CSS教程
明確化
選擇器明確化是當(dāng)好幾個(gè)規(guī)則都可以被相同的元素使用時(shí),優(yōu)先使用哪一個(gè)的過程。
簡(jiǎn)單說來,每個(gè)CSS選擇器都有權(quán)重。選擇器的所有權(quán)重的總和決定了它在文檔中的屬性。當(dāng)CSS文檔很大,以至于你不知道元素哪個(gè)權(quán)重較大時(shí),明確化就能起到很大的幫助。
恩,明確化是CSS中一個(gè)較大的領(lǐng)域,以至于很難用幾句話解釋清楚,還是看例子吧:
屬性重置
全局屬性重置確保一個(gè)網(wǎng)站在所有瀏覽器中顯示幾乎一樣。在每一個(gè)案例中,不同的瀏覽器給所有網(wǎng)站使用它們自己的默認(rèn)樣式設(shè)置集,這將使我們的網(wǎng)站在不同的瀏覽器中顯示不一樣。全局屬性重置將改正這種情況并讓你從絕對(duì)一致的基礎(chǔ)開始建立網(wǎng)站。
我并不總是推薦使用CSS框架,但是CSS重置你還是需要用到的。現(xiàn)在有許多不同的重置方法,從簡(jiǎn)單的到復(fù)雜的。
Hacks
即便是一個(gè)完美的CSS,它也不能在所有瀏覽器中產(chǎn)生完全一致的顯示,每個(gè)瀏覽器有對(duì)CSS不同的解釋方法�?偠灾�,如果你需要你的網(wǎng)站在所有瀏覽器中保持一致,你不得不使用CSS Hacks。
使用CSS Hacks將減少CSS驗(yàn)證時(shí)產(chǎn)生的錯(cuò)誤,這一點(diǎn)我同意。要實(shí)現(xiàn)這點(diǎn),一個(gè)可選的方法是每個(gè)瀏覽器使用單一不同的CSS文件并通過在HTML中包含判定瀏覽器的標(biāo)簽來告訴瀏覽器應(yīng)該使用哪個(gè)特定的CSS。我經(jīng)常在我所有的項(xiàng)目中創(chuàng)建一個(gè)“fuck-ie.css” :) (譯者注:此處作者用臟話表達(dá)了他對(duì)IE的憤怒。如果翻譯成“和IE交配.css”,世界會(huì)不會(huì)和諧一些?)
使用這種方法后,你的“主CSS文件”將通過驗(yàn)證,與此同時(shí),“fuck-ie.css” 文件也會(huì)通過驗(yàn)證,但是只在IE瀏覽器中覆蓋“主CSS文件”。
驗(yàn)證
在創(chuàng)建CSS的時(shí)候就驗(yàn)證它總是很必要的,這將確保你的CSS沒有錯(cuò)誤并且可以被所有瀏覽器正確地解釋。
W3C驗(yàn)證器是一個(gè)非常流行的在線CSS驗(yàn)證工具。
(來源:http://www.dezinerfolio.com/2009/02/20/css-standards-best-practices)
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
猜你也喜歡看這些
- 用“ul li”及css制作韓國(guó)風(fēng)格菜單
- DivCSS布局實(shí)例:三行單列上下固定高度中間自適應(yīng)
- DIVCSS布局實(shí)例:一款漂亮的圖片切換效果(可以控制播放)
- CSSFormExample:帶有小圖標(biāo)的清爽CSS表單設(shè)計(jì)!
- CSS布局欣賞:淘寶首頁(yè)布局效果
- jquery模擬瀏覽器滾動(dòng)條效果
- DIV CSS布局實(shí)例:半透明陰影效果的實(shí)現(xiàn)
- DIV CSS布局入門示例(五)border和clear
- CSS折疊菜單一例:可自由伸縮折疊
- CSS菜單:明快清新的格調(diào)闡述CSS當(dāng)前頁(yè)效果的實(shí)現(xiàn)
- 相關(guān)鏈接:
- 教程說明:
Div+CSS教程-CSS初學(xué)者技巧:談CSS的標(biāo)準(zhǔn)和最佳示例(2)
。
