![使用Chrome DevTools实时编辑HTML和CSS](http://p2.ttnews.xyz/loading.gif)
一旦检查员处于活动状态,您可以通过单击它查找页面上任何元素的HTML。Chrome浏览器还会显示您将鼠标悬停在其上的元素的位置和大小信息。
![使用Chrome DevTools实时编辑HTML和CSS](http://p2.ttnews.xyz/loading.gif)
显然,这是一个非常糟糕的选择标记的借口,但它足以帮助我快速确定一些问题。首先,复选标记完全是错误的。另外,它弄乱了页面上其他元素的对齐。这两个问题都可以通过一些CSS来解决。幸运的是,Chrome还提供了一些优秀的工具,可以使用DevTools快速构建CSS更改原型。
閱讀更多 愛碼農 的文章
2018-05-27 07:58:01 愛碼農
一旦检查员处于活动状态,您可以通过单击它查找页面上任何元素的HTML。Chrome浏览器还会显示您将鼠标悬停在其上的元素的位置和大小信息。
显然,这是一个非常糟糕的选择标记的借口,但它足以帮助我快速确定一些问题。首先,复选标记完全是错误的。另外,它弄乱了页面上其他元素的对齐。这两个问题都可以通过一些CSS来解决。幸运的是,Chrome还提供了一些优秀的工具,可以使用DevTools快速构建CSS更改原型。
閱讀更多 愛碼農 的文章