前端開發Chrome調試工具

Chrome瀏覽器提供了一個很是好用的調試工具，能夠用來調試咱們的HTML結構和CSS樣式。

1.的打開調試工具

打開Chrome瀏覽器，按下F12鍵或點擊頁面空白，點擊檢查

2.使用調試工具

（1）ctrl+滾輪放大縮小代碼

 (2)左邊html 右邊CSS

（3）右邊CSS樣式能夠改動數值和查看顏色。

（4）ctrl+0復原瀏覽器大小

（5）若是點擊元素，發現右側沒有樣式引入，極有可能類名或樣式引入錯誤

（6）若是有樣式，可是樣式前面有黃色感嘆號，則是樣式屬性書寫錯誤