一段巧妙的css debug代码
时间：2021-04-10 08:50:57|栏目：HTML代码|点击： 次
想法很简单，代码很简洁，效果也不错，蛮有用（这种高级东东 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 来标注层级关系。
上一篇：第6天:XHTML代码规范
栏 目：HTML代码
下一篇：一个针对IE7的CSS Hack
本文标题：一段巧妙的css debug代码
本文地址：http://www.codeinn.net/misctech/98165.html
