css樣式有哪些常見錯誤

這篇文章主要介紹“css樣式有哪些常見錯誤”，在日常操作中，相信很多人在css樣式有哪些常見錯誤問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css樣式有哪些常見錯誤”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

css樣式錯誤有：1、未關聯(lián)外部樣式表；2、樣式表保存的編碼錯誤；3、選擇器寫錯；4、語法錯誤，例寫錯屬性名、屬性值不符合規(guī)范、使用了中文或者全角符號等。

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

css樣式常見錯誤

1、未關聯(lián)外部樣式表

這是一個讓人很無語的錯誤，但我以前確實遇到過，辛辛苦苦寫好了代碼，發(fā)現(xiàn)一個樣式都沒有生效，傻乎乎地忙活了半天，最后居然發(fā)現(xiàn)自己忘了關聯(lián)外部樣式，當時我的心情，真是。。

如果你的樣式全部不生效，首先確認關聯(lián)了樣式表沒有，或者關聯(lián)的樣式位置、名字是否正確

<link rel="stylesheet" href="css/index.css"/>

2、樣式表保存的編碼錯誤

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

3、選擇器寫錯

• 寫后代子代選擇等，涉及多個標簽，類名、id等，子選擇器的順序、名字等寫錯了，均可能導致出錯；

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

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

• 像 p.box{} 這類選擇器會不會寫成了 p .box{}，即多寫了一個空格

4、語法錯誤

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

一般語法錯誤有：

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

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

，；｛｝：

3）、html標簽沒寫完整，漏了“<”或者">"等

到此，關于“css樣式有哪些常見錯誤”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>