為什麼CSS不起作用

說實話本文將講述一些很弱智的知識。

但是確實是很坑人的知識。

 

話說一個坑出來， 通常有兩種反響：

1 靠， 這麼多坑， 讓人家怎麼活啊。|| 前幾天也剛被坑過，樓主握爪。

2 這麼基礎的東西也有人不懂。 部落格園的使用者水平真是越來越差了。

 

以上兩種情況評論長期存在於首頁， 就像狗血韓劇一樣每日都在上演。

 

不過這些與我們無關。 我們只要知道如何填坑就行了。 因為填坑是有錢拿的。

至於別人嘲笑自己菜鳥。。。 呵呵。

 

---------------------------------以上都是蛋疼的扯淡---------------------------------

 

1 margin為啥不起作用？

檢查display屬性是不是inilne。

http://www.w3.org/TR/CSS21/visuren.html#inline-formatting

2 z-index為啥不起作用？

檢查position屬性。 然後拼下爹。 爹不同， 何以拼z軸

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/Stacking_without_z-index

3 CSS沒有應用到我拼的HTML上

這個原因比較多。 不過大多比較好解決。 比較坑爹難解決的有兩種：

1) 問題出現在IE瀏覽器上。 這個是最坑爹的。 IE有個hasLayOut的問題， 具體坑爹方式請google， 這個問題可以寫一篇兩萬字畢業論文了。

原因大多集中到一點：　block不像block

因此辦法基本都集中到一點上了：想辦法觸發hasLayOut。

方法有很多， 考慮到兩萬字這裡未必打的下， 我也懶得打， 你也懶得看， 所以這個具體問題具體google

2) 你拼的HTML被瀏覽器誤解了

這個問題每個瀏覽器都有。 不是瀏覽器的問題， 而是你的問題。 拼錯HTML指的不是拼錯標籤了， 拼錯標籤的該打手板。

拼錯的指的是， 你拼了一些不合規矩的組合， 比如a標籤裡面拼了個p標籤之類的。

根據我的經驗(這句話等同於， 下面這句話也許沒有理論依據純屬瞎猜不論對錯作者不負責)，

把預設block的標籤拼到預設inline的標籤裡面去， 十有八九會導致崩潰以及亂解析之類的。

3) 根據當前法律法規， 你的CSS屬性未予顯示

牽扯到CSS優先順序的問題。 這個又可以寫個一萬字論文了。 總的來說， 你寫的CSS不夠具體， 人家寫了個更具體的， 把你給蓋了。

考慮到本文是篇實用性文章， 直接給出解決方案如下：

first， 請勤勞好學的童鞋， 你， 研究下整體CSS結構， 考慮下要不要調整， 總之不要出現亂七八糟蓋來蓋去的事情。

second， 這是通常解決方案， 如果你的客戶坑爹， 項目緊張， money又不足，又或者今晚要去泡妹子， 或者這是你離職前最後一段代碼， 你對主管又恨之入骨神馬的， 

啥也別說了， 我們有神器(!important)， 和inline style。。。。。。。

 

CSS的坑遠遠不止這些， 坑的人也是新手老手神馬都有。 

不過我目前印象深刻的就這些。 剩下的還真一時想不起來。

如果你想起來了， 麻煩留言， 我可以補充到部落格中， 給後人蔘考。

 

要是萬一以後這篇文章活了我也可以掛個廣告神馬的賺點小錢。