【溫故知新】CSS學習筆記（開發者工具介紹）

Chrome工具

瀏覽器中檢查：F12鍵（或者右鍵“檢查”Ctrl+Shift+i）

按下上面這個“箭頭”按鈕後會出現右邊的部分，左邊是HTML代碼，右邊則是CSS代碼。

細看右邊CSS代碼，會發現有一條語句前面有一個感嘆號，且語句加上了刪除線，則說明改行的語法有問題（語句無效），後面會給出具體的行號。

 

小技巧：

• Ctrl+滾輪 可以放大開發者工具代碼大小；
• 左邊是HTML元素結構，右邊是CSS樣式；
• 右邊的CSS樣式可以改動數據和顏色來查看更改後效果，便於調試；