当前位置:  编程技术>WEB前端

一段巧妙的css debug代码

    来源: 互联网  发布时间:2014-09-06

    本文导语:  想法很简单,代码很简洁,效果也不错,蛮有用(这种高级东东 IE 自然又是不认识的)。 代码如下: * { outline: 2px dotted red }   * * { outline: 2px dotted green }   * * * { outline: 2px dotted orange }   * * * * { outline: 2...

想法很简单,代码很简洁,效果也不错,蛮有用(这种高级东东 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 来标注层级关系。

    
 
 

您可能感兴趣的文章:

  • PHP去除html标签,php标记及css样式代码参考
  • CSS代码格式化 CSS Beautify
  • CSS代码检查工具 CSS Lint
  • 无用css代码检查工具 Helium-css
  • php 压缩多个CSS文件的实现代码
  • 快速编写HTML/CSS代码 Emmet
  • JS/CSS代码片段测试 JS Bin
  • 用css来控制图片大小显示的实现方法与代码
  • css li 超出隐藏代码
  • CSS实现简单的图片防盗链代码
  • css中的行间距的代码
  • PHP压缩CSS文件示例代码
  • css pointer控制在firefox下显示手型的代码
  • css首字放大实例代码
  • css下划线颜色一句话代码
  • 用CSS来控制图片显示大小的代码
  • CSS 首字母大写代码
  • 用css动态生成闪字的代码
  • css图片切换效果代码[不用js]
  • 用css滤镜实现的文字描边效果的代码
  • ASP、PHP与javascript根据时段自动切换CSS皮肤的代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • CSS 框架 Simpl.css
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍
  • CSS解析器 CSS Parser
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: clear定义及介绍
  • CSS压缩器 Css Compressor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: height定义及介绍
  • Eclipse的CSS编辑插件 CSS Editor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: color定义及介绍
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: display定义及介绍
  • CSS 开发框架 Compass CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: float定义及介绍
  • jQuery CSS()方法改变现有的CSS样式


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3