一段巧妙的css debug代碼
更新時(shí)間:2006年09月12日 00:00:00 作者:
想法很簡單,代碼很簡潔,效果也不錯(cuò),蠻有用(這種高級東東 IE 自然又是不認(rèn)識的)。
* { 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 來標(biāo)注層級關(guān)系。
復(fù)制代碼 代碼如下:
* { 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 來標(biāo)注層級關(guān)系。
相關(guān)文章
W3C標(biāo)準(zhǔn):實(shí)時(shí)切換CSS樣式
W3C標(biāo)準(zhǔn):實(shí)時(shí)切換CSS樣式...2006-09-09HTML結(jié)構(gòu)化:實(shí)踐DIV+CSS網(wǎng)頁布局入門指南
HTML結(jié)構(gòu)化:實(shí)踐DIV+CSS網(wǎng)頁布局入門指南...2006-06-06