使用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


分享到:


相關文章: