css樣式不起作用的原因有:1、html標籤沒寫完整,漏了「」等;2、樣式被層疊了;3、CSS語法出現錯誤; 4、樣式表保存的編碼錯誤。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
一、html標籤沒寫完整,漏了「」或「/」等
這是版面設計失效最常見的原因之一。當我們了解到這是多少精緻的版塊設計失效的罪魁禍首時,總是會大吃一驚。
二、樣式被層疊
如果是層疊導致的話,則需要提高樣式的優先權。
常用的方法有:往選擇器中加入元素,提高其特指度,或是在樣式分號前空格加!important,如下:
background-color: pink !important;
三、CSS語法錯誤
以Google瀏覽器的開發者工具為例,一般語法錯誤會顯示為該樣式被劃去,樣式左側有圖示提示,滑鼠移入會顯示英文提示。如下圖所示:
一般語法錯誤有:
#1、寫錯屬性名,屬性值不符合規範;
# 2.以下符號使用了中文或全角符號:
,;{}:
四、樣式表保存的編碼錯誤
如果懷疑CSS表的編碼錯誤,可以直接將css檔案以utf-8的編碼另存一下文件就可以了。
推薦學習:css影片教學
#以上是css樣式不生效是怎麼回事的詳細內容。更多資訊請關注PHP中文網其他相關文章!