css常犯的幾個(gè)錯(cuò)誤

2016-10-30    分類: 網(wǎng)站建設(shè)

一、檢查HTML元素是否有拼寫錯(cuò)誤、是否忘記關(guān)閉標(biāo)簽
再牛B的高手也會(huì)犯這樣的錯(cuò)誤,因?yàn)楫?dāng)頁面結(jié)構(gòu)很復(fù)雜,嵌套很多層的時(shí)候,很容易搞丟關(guān)閉標(biāo)簽。尤其像我,習(xí)慣了在記事本里編寫,就更容易出錯(cuò)。所以寫的時(shí)候一定要仔細(xì)。

二、檢查CSS是否正確
一般css常最常出現(xiàn)的錯(cuò)誤就是樣式和html中的屬性名稱不一致。導(dǎo)致明明寫了樣式,但是不起效果。

三、用background找到對(duì)應(yīng)的層
我們?cè)谡{(diào)試錯(cuò)誤,尤其是調(diào)試瀏覽器的兼容性的時(shí)候,層嵌套的多,容易發(fā)生錯(cuò)位、重疊,這時(shí)候給關(guān)鍵的幾個(gè)層添加上背景顏色,以示區(qū)別。這樣有助于排除錯(cuò)誤。

四、排除法確定錯(cuò)誤位置
我們?cè)趯慶ss編碼的時(shí)候,一般都是做一點(diǎn)然后預(yù)覽一下,這時(shí)候如果出現(xiàn)錯(cuò)誤,我們可以刪去新加的層,直到正常顯示,以確定問題到底出在哪個(gè)層。

五、float元素務(wù)必指定width屬性
很多瀏覽器在顯示未指定width的float元素時(shí)會(huì)有bug。所以不管float元素的內(nèi)容如何,一定要為其指定width屬性。

六、去除重復(fù)的樣式
很多時(shí)候我們?cè)陬^部聲明公共樣式,然后寫到下面自己就忘記了。比如我們?cè)陂_始聲明了img{border:none;}
然后在遇到img標(biāo)簽的時(shí)候,又寫了一遍。應(yīng)該避免這種情況。

七、注意編碼格式
一般情況下,我們用的編碼格式有:gb2312和UTF8兩種。沒有優(yōu)劣之分。但是不能混著用。很多編輯器默認(rèn)的事UTF8格式的。

八、鏈接樣式的書寫順序
很多人在寫了鏈接樣式以后,點(diǎn)擊后顏色不是自己要的結(jié)果,這時(shí)候就要檢查下,鏈接樣式的書寫順序了。

網(wǎng)頁標(biāo)題:css常犯的幾個(gè)錯(cuò)誤
當(dāng)前地址:http://www.muchs.cn/news9/57059.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、微信小程序靜態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、軟件開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化