為什么css樣式會(huì)失效

1、div標(biāo)簽未關(guān)閉這是版面設(shè)計(jì)失效的最常見原因之一。當(dāng)我們了解到這是多少精致的版塊設(shè)計(jì)失效的罪魁禍?zhǔn)讜r(shí)，總會(huì)大吃一驚。開啟的div標(biāo)簽是最普遍的版塊設(shè)計(jì)失誤之一，也是最難診斷的失誤之一。

10年積累的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有玉屏免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

2、html中，有的css樣式在樣式表里不起作用是設(shè)置錯(cuò)誤造成的，解決方法為：在如圖網(wǎng)頁(yè)中，我們可以看到style中的樣式列表，以及所展示的效果圖。將style中的全部css樣式選中，然后復(fù)制或者剪切。

3、有可能是網(wǎng)頁(yè)本身的問題，如引用地址不對(duì)使得CSS代碼失效，還有一種可能網(wǎng)絡(luò)和瀏覽器的問題，當(dāng)網(wǎng)絡(luò)卡的時(shí)候或者瀏覽器設(shè)置不正常的時(shí)候，也會(huì)導(dǎo)致CSS無法正常加載。

4、JavaScript。不良嵌套 嵌套就是元素里又包括元素，我們?nèi)菀谆煜短自氐捻樞?。例如在div標(biāo)簽前啟動(dòng)strong標(biāo)簽，但又先關(guān)閉div標(biāo)簽。這可能不會(huì)改變版塊布局，但卻會(huì)使你的版塊設(shè)計(jì)失效。

5、代碼看不清楚。樣式無效：可能是引入路徑不正確 樣式中有部分寫錯(cuò)了 文字在底部：可以通過vertical-align來設(shè)置。

html+css問題,修改css樣式后效果沒生效

1、在如圖網(wǎng)頁(yè)中，我們可以看到style中的樣式列表，以及所展示的效果圖。將style中的全部css樣式選中，然后復(fù)制或者剪切。然后ctrl+N新建一個(gè)CSS樣式文件，如圖所示，然后創(chuàng)建。

2、在嚴(yán)格的DOCTYPE中這是無效的。要在img標(biāo)簽結(jié)尾處加上“/”以解決此問題。JavaScript 如果已經(jīng)聲明Strict DOCTYPE，就需要在JavaScript中覆蓋CDATA標(biāo)簽。

3、有可能修改了樣式，打開錯(cuò)了網(wǎng)頁(yè)。有可能看對(duì)了body，修改錯(cuò)了CSS 或許會(huì)受到JS影響，但這種情況很少很少，基本不可能噠。建議樓主價(jià)格border來固定一下大概位置在哪？然后再做修改。

4、估計(jì)是你沒有導(dǎo)入外部樣式表，link href=../../css/main.css rel=stylesheet type=text/css / 類似這種，注意路徑，如果不是這個(gè)問題，追問吧。

5、不生效的原因 選擇器寫錯(cuò) 語法錯(cuò)誤 選擇器路徑有誤 出現(xiàn)很多這種狀況，怕路徑出錯(cuò)，就復(fù)制路徑，一不小心就復(fù)制多了一個(gè)選擇器，所以出現(xiàn)css不生效的原因。復(fù)制的問題小心，切記。

6、是id選擇器，而你的html中并不存在id為a1和a2的元素，所以css無法匹配到。

如何解決css文件失效的方法

解決方法如下：需要加入rel=stylesheet就可以解決了。rel是關(guān)聯(lián)的意思，關(guān)聯(lián)的是一個(gè)樣式表(stylesheet)文檔，它表示這個(gè)link在文檔初始化時(shí)將被使用，一般不需要改動(dòng)的。

但必須符合XHTML的語法。這種是現(xiàn)在通用的方法，用dreamweaver創(chuàng)建網(wǎng)頁(yè)時(shí)默認(rèn)就是這種類型。aa2cn Strict類型：嚴(yán)格類型，使用時(shí)瀏覽器將相對(duì)嚴(yán)格，不允許使用任何表現(xiàn)形式的標(biāo)識(shí)和屬性，如在元素中直接使用bgcolor背景色屬性等。

在如圖網(wǎng)頁(yè)中，我們可以看到style中的樣式列表，以及所展示的效果圖。將style中的全部css樣式選中，然后復(fù)制或者剪切。然后ctrl+N新建一個(gè)CSS樣式文件，如圖所示，然后創(chuàng)建。

使用命令：運(yùn)行完成之后，打開 config 目錄下的 webpack.config.js 文件，找到 test： cssRegex 這一行，在 use 屬性執(zhí)行的方法中添加 modules： true，如下：該方法同樣需要引入，只是名字不需要是.module.css了。

chrome瀏覽器 F12審查元素的Audits 說明：使用Audits，會(huì)檢測(cè)出頁(yè)面中沒有用到的css，需要手動(dòng)刪除多余的css；同時(shí)需要說明的是檢測(cè)出多余無用的css塊，而不是某一行css。

CSS鏈接外部樣式失敗

1、LINK標(biāo)簽沒有正確的被關(guān)閉。

2、如果你的網(wǎng)頁(yè)是通過鼠標(biāo)雙擊打開的，那么瀏覽器出于安全考慮是不允許你的網(wǎng)頁(yè)直接調(diào)用本地文件的。

3、分析：這種情況可能是中文注釋的原因，css并沒有規(guī)定不允許中文注釋，但是我也曾經(jīng)遇到過這種問題，抱歉無法解析透徹。解決方法：備份后，一個(gè)一個(gè)刪除中文注釋。

4、css樣式無法鏈接至html，有以下幾方面原因：css鏈接地址錯(cuò)誤；請(qǐng)查看正確的css存放地址。css語法書寫錯(cuò)誤；請(qǐng)檢查語法錯(cuò)誤。css文件權(quán)限問題；請(qǐng)檢查是否設(shè)置了文件權(quán)限，導(dǎo)致html網(wǎng)頁(yè)無法調(diào)用css文件。

5、你的css樣式位置不對(duì)，首先你這里的路徑是 css/style.css 那么你的css就是要放在css文件夾里面，然后你這個(gè)css 文件夾要和你的index.html 文件要同級(jí)放在一個(gè)位置。