css不起作用是什么原因

這篇文章主要講解了“css不起作用是什么原因”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css不起作用是什么原因”吧！

專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)汪清免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了成百上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

css不起作用的原因是：1、html標(biāo)簽沒寫完整，漏了“<”、”>”或者“/”等；2、樣式表保存的編碼錯(cuò)誤；3、樣式被層疊；4、CSS語法錯(cuò)誤；5、選擇器寫錯(cuò)。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

一、html標(biāo)簽沒寫完整，漏了“<”、”>”或者“/”等

這是版面設(shè)計(jì)失效的最常見原因之一。當(dāng)我們了解到這是多少精致的版塊設(shè)計(jì)失效的罪魁禍?zhǔn)讜r(shí)，總會(huì)大吃一驚。

二、樣式表保存的編碼錯(cuò)誤

如果懷疑CSS表的編碼錯(cuò)誤，可以直接將css文件以utf-8的編碼另存一下文件就可以了。

三、樣式被層疊

如果是層疊導(dǎo)致的話，則需要提高樣式的優(yōu)先級。

常用的方法有：往選擇器中添加元素，提高其特指度，或者在樣式分號前空格加!important，如下：

background-color: pink !important;

四、CSS語法錯(cuò)誤

以谷歌瀏覽器的開發(fā)者工具為例，一般語法錯(cuò)誤會(huì)顯示為該樣式被劃去，樣式左側(cè)有圖標(biāo)提示，鼠標(biāo)移入會(huì)顯示英文提示。如下圖所示：

一般語法錯(cuò)誤有：

1、寫錯(cuò)屬性名，屬性值不符合規(guī)范；

2、以下符號使用了中文或者全角符號：

，；｛｝：

五、選擇器寫錯(cuò)

寫后代子代選擇等，涉及多個(gè)標(biāo)簽，類名、id等，子選擇器的順序、名字等寫錯(cuò)了，均可能導(dǎo)致出錯(cuò)；

html里的標(biāo)簽忘記寫類名、id了，而選擇器用了這些漏寫的類名、id等，樣式自然不會(huì)生效。

后代選擇器有沒有寫上空格；

像 div.box{} 這類選擇器會(huì)不會(huì)寫成了 div .box{}，即多寫了一個(gè)空格

感謝各位的閱讀，以上就是“css不起作用是什么原因”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css不起作用是什么原因這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

網(wǎng)頁題目：css不起作用是什么原因
地址分享：http://bm7419.com/article6/igceig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、、關(guān)鍵詞優(yōu)化、靜態(tài)網(wǎng)站、微信小程序、響應(yīng)式網(wǎng)站

廣告

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