![使用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更改原型。
閱讀更多 愛碼農 的文章