一段巧妙的css debug代碼
更新時間：2006年09月12日 00:00:00 作者：
想法很簡單，代碼很簡潔，效果也不錯，蠻有用（這種高級東東 IE 自然又是不認識的）。
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
很容易理解，用不同顏色不同線型的 outline 來標注層級關系。
復制代碼 代碼如下:
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
很容易理解，用不同顏色不同線型的 outline 來標注層級關系。
相關文章
CSS布局入門...2006-08-08
說到position，稍微對css了解的能馬上說出四個屬性值：static 、relative、absolute、fixed。更深一步去討論，牽扯出諸如上文提到的normal flow、containing block、bfc、margin collapse，base line，有多少人能很好的回答完整呢，所以在此做一個自己的總結歸納。2021-05-05
W3C標準：實時切換CSS樣式...2006-09-09
CSS定義通用透明效果...2006-09-09
Flash頁面如何通過校驗...2006-08-08
常用CSS縮寫語法總結...2006-09-09
這篇文章主要介紹了用css截取字符的幾種方法詳解,需要的朋友可以參考下2014-05-05
針對瀏覽器隱藏CSS...2006-09-09
HTML結構化：實踐DIV＋CSS網頁布局入門指南...2006-06-06
word-wrap...2006-06-06