美文网首页前端
CSS布局调试代码片段

CSS布局调试代码片段

作者: 椋椋夜色 | 来源:发表于2019-06-17 15:59 被阅读0次

在浏览器控制台运行此段代码(当然也只能在控制台运用),会给页面里所有的 DOM 元素添加一个 1px 的描边(outline),方便我们在调试 CSS 过程中分析、排查问题。

[].forEach.call($$("*"),function(a){
    a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16);
})

相关文章

  • CSS布局调试代码片段

    在浏览器控制台运行此段代码(当然也只能在控制台运用),会给页面里所有的 DOM 元素添加一个 1px 的描边(ou...

  • 30 Seconds of CSS代码块解读(布局篇)

    30 Seconds of CSS代码块解读(布局篇) 这是一个号称在30秒内可以了解有用的CSS代码片段。Git...

  • CSS 推荐

    30 秒 CSS(一些 CSS 代码片段) cssfx(一些 css 动效代码片段) Box Shadow Gen...

  • html+css布局

    页面首部布局 首部布局预览图: html布局代码: CSS样式代码: Javascript特效代码: 效果图 页面...

  • CSS代码片段

    字体 清浮动 CSS Hacks(Browser Specific Hacks) 见 browserhacks 跨...

  • polo 360

    效果如下: 代码: 布局,架构 css

  • 放大镜

    布局 html代码 css代码 接下来js代码 效果图

  • 6、常用网页布局方式

    一、表格布局 完整代码 运行结果表格布局 二、DIV+CSS布局 完整代码 运行结果Snipaste_2019-0...

  • Fivth 常用网页布局方式

    一、表格布局 完整代码 运行结果表格布局 二、DIV+CSS布局 完整代码 运行结果Snipaste_2019-0...

  • css布局

    一、CSS左右布局: 结果如下图(flex): 两栏 代码如下:两栏代码 二、CSS左中右布局: 结果如下图(f...

网友评论

    本文标题:CSS布局调试代码片段

    本文链接:https://www.haomeiwen.com/subject/htaafctx.html