`
kj23
  • 浏览: 26255 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

[Tip][一段非常有意思的debug CSS]

阅读更多
/*----- the debug css style -----*/

* { outline: 2px dotted red }
* * { outline: 2px solid green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px solid blue }
* * * * * { outline: 1px dotted red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px dotted orange }
* * * * * * * * { outline: 1px solid blue }	

/*----- the debug css style -----*/


虽然也可以用ff的插件来outline,但是总有些不方便,毕竟那是动态的,自己需要用到加上border呢,又嫌麻烦。


这段css可以比较有效的帮助我们调错,还可以根据情况注释掉一部分,调试某一层次对象。


不过这般现代css技术,ie是无福消受了。呵呵,也就是个小tip,看官误笑。
分享到:
评论
1 楼 netfishx 2007-01-18  
这个东西确实不错,不过现在调试工具很多,意义不大了。

btw:转载请注明出处
http://homepage.mac.com/chrispage/iblog/C42511381/E20060806095030/index.html

相关推荐

    完全CSS写的鼠标悬停tip效果

    标题中的“完全CSS写的鼠标悬停tip效果”指的是在网页设计中使用纯CSS实现的一种交互效果,当用户将鼠标指针悬停在特定元素(如链接)上时,会显示一个提示信息(tip)。这种效果可以增强用户体验,提供额外的信息而...

    CSS3鼠标滑过tip提示框动画特效.zip

    【标题】:“CSS3鼠标滑过tip提示框动画特效.zip” 涉及的主要知识点是CSS3中的动画和伪类,以及如何利用这些技术来创建交互式的提示框效果。 CSS3是层叠样式表(Cascading Style Sheets)的第三版,引入了许多新的...

    Tip Calculator Using HTML, CSS

    标题“Tip Calculator Using HTML, CSS”揭示了一个项目,该项目旨在创建一个基于Web的提示计算器,利用HTML、CSS和JavaScript这三种核心技术。这个计算器的主要目的是帮助用户根据账单总额计算合适的餐厅小费,以便...

    完全CSS的鼠标悬停tip效果

    在探讨“完全CSS的鼠标悬停tip效果”这一主题时,我们主要关注的是如何利用CSS技术来实现当鼠标悬停在特定元素上时显示提示信息(即tooltip)的效果。这种效果广泛应用于网页设计中,旨在增强用户体验,提供额外的...

    tip.css:CSS 工具提示

    4. **轻量级**:作为一个专门的CSS库,`tip.css`的文件大小相对较小,不会显著增加页面的加载时间,这对性能优化和移动设备友好性非常重要。 5. **兼容性**:`tip.css`应该能很好地工作在现代浏览器上,包括Chrome...

    TIPTOPdebugger

    个人总结的一个tiptop ERP系统 debugger操作文档

    Jquery Tip 插件使用

    默认的CSS样式可能无法满足所有设计需求,开发者可以通过修改`jquery.tip.css`或在项目中创建新的CSS类来实现自定义样式。例如,改变提示框的背景颜色: ```css .jquery-tip { background-color: #ff6600; /* ...

    css常用浮出层(tip效果)的写法

    标题中的知识点为“css常用浮出层(tip效果)的写法”,这告诉我们内容将主要涉及如何使用CSS创建常见的Web页面提示效果,也就是我们通常说的浮出层或弹出提示效果。在Web设计中,这样的效果常用于提供额外信息、提示...

    div+tip(title)

    在网页设计和开发中,`div` 和 `tip` 是两个非常重要的概念,尤其是在构建用户界面时。`div` 是HTML中的一个通用容器元素,全称为 "division",用于组合HTML文档中的其他元素,以便更好地组织和布局内容。而 `tip` ...

    纯CSS3实现鼠标滑过tip提示框动画特效源码.zip

    【纯CSS3实现鼠标滑过tip提示框动画特效源码】是一个基于CSS3技术的交互设计,它允许用户在鼠标悬停在特定元素上时显示一个提示框,提供额外的信息或者引导用户操作。这个源码主要利用了CSS3的新特性,如伪类选择器...

    一个动态的Tip的实现

    标题中的“一个动态的Tip的实现”指的是在软件开发中创建一种动态提示信息的技术。Tip通常是指在用户界面上短暂显示的小型信息框,用于提供额外的帮助或指示。动态Tip意味着它可以根据用户的交互或者特定条件实时...

    css区别IE和非IE浏览器

    **CSS Hack**是一种通过添加特定的前缀或语法结构来使某些CSS规则只被特定版本的浏览器解析的技术。这种方式在早期广泛应用于解决IE浏览器的兼容性问题。 - **星号选择器(*):** 这种hack方式可以让CSS规则仅被IE7及...

    TIP42c三极管参数及引脚图

    TIP42c的ft值最小为3MHz,意味着它在高达3MHz的频率范围内仍能保持放大作用,因此适用于频率不是非常高的音频放大器。 放大倍数,也称为直流增益或者Hfe,是指三极管的集电极电流(Ic)与基极电流(Ib)之比。TIP...

    D3 Tip 获取 X,Y

    5. **自定义样式**:D3 Tip允许你自定义提示框的CSS类,以便调整其外观,如颜色、字体大小等。 6. **动态更新内容**:如果图形元素的X和Y坐标是动态更新的,那么提示框的内容也需要随之更新。你可以根据数据的变化...

    js中的tip提示信息

    ### 一、什么是Tip提示信息? 在Web开发中,提示信息(Tips)是一种常见的用户体验设计元素,用于在用户与网页交互时提供即时反馈或额外信息。它通常表现为一个小的悬浮窗口或气泡,当用户悬停鼠标在某个元素上或者...

    前端项目-d3-tip.zip

    本项目"前端项目-d3-tip.zip"专注于D3.js的一个关键组件——d3-tip,它是一个为D3.js SVG可视化提供的轻量级提示工具,用于增强用户的交互体验。 d3-tip库主要解决的问题是在D3.js图表中添加自定义的提示信息,这些...

    MFC控件添加tip提示

    在MFC中,控件的“tip提示”是一种小型文本气泡,它会在鼠标悬停在控件上时短暂显示,为用户提供额外的信息。本文将深入探讨如何在MFC应用中为不同类型的控件添加tip提示,包括按钮、复选框、下拉框、单选框和输入框...

Global site tag (gtag.js) - Google Analytics