一段巧妙的css debug代码_CSS/HTML
程序员文章站
2022-03-12 08:19:15
...
想法很简单,代码很简洁,效果也不错,蛮有用(这种高级东东 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 来标注层级关系。
上一篇: smarty模板引擎从入门到高级的6个视频教程推荐
下一篇: Python 统计字数的思路详解
推荐阅读
-
如何在静态页面上显示网页代码 并且高亮 就像图中的这样_html/css_WEB-ITnose
-
CSS实现的兼容所有浏览器的div悬浮在网页一侧的代码_html/css_WEB-ITnose
-
CSS3实现的鼠标悬浮开门关门效果代码实例_html/css_WEB-ITnose
-
CSS实现的兼容所有浏览器的div悬浮在网页一侧的代码_html/css_WEB-ITnose
-
推荐:Web开发者的六个代码调试平台_html/css_WEB-ITnose
-
问一个很简单的关于html代码的问题.标题要长!!!!!!!!_html/css_WEB-ITnose
-
如何组织css,写出高质量的css代码_html/css_WEB-ITnose
-
下面代码 canvas rotate旋转 旋转的坐标点在哪,为什么不在元素的中心点?_html/css_WEB-ITnose
-
html代码中让链接在新窗口中打开的写法_html/css_WEB-ITnose
-
html好看的字体样式代码(css字体样式代码大全)