使用Chrome DevTools实时编辑HTML和CSS

使用Chrome DevTools实时编辑HTML和CSS

一旦检查员处于活动状态,您可以通过单击它查找页面上任何元素的HTML。Chrome浏览器还会显示您将鼠标悬停在其上的元素的位置和大小信息。

使用Chrome DevTools实时编辑HTML和CSS

使用Chrome DevTools实时编辑HTML和CSS

显然,这是一个非常糟糕的选择标记的借口,但它足以帮助我快速确定一些问题。首先,复选标记完全是错误的。另外,它弄乱了页面上其他元素的对齐。这两个问题都可以通过一些CSS来解决。幸运的是,Chrome还提供了一些优秀的工具,可以使用DevTools快速构建CSS更改原型。

使用Chrome DevTools实时编辑HTML和CSS


分享到:


相關文章: