【温故知新】CSS学习笔记(开发者工具介绍)
生活随笔
收集整理的這篇文章主要介紹了
【温故知新】CSS学习笔记(开发者工具介绍)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Chrome工具
瀏覽器中檢查:F12鍵(或者右鍵“檢查”Ctrl+Shift+i)
按下上面這個“箭頭”按鈕后會出現右邊的部分,左邊是HTML代碼,右邊則是CSS代碼。
細看右邊CSS代碼,會發現有一條語句前面有一個感嘆號,且語句加上了刪除線,則說明改行的語法有問題(語句無效),后面會給出具體的行號。
?
小技巧:
- Ctrl+滾輪 可以放大開發者工具代碼大小;
- 左邊是HTML元素結構,右邊是CSS樣式;
- 右邊的CSS樣式可以改動數據和顏色來查看更改后效果,便于調試;
總結
以上是生活随笔為你收集整理的【温故知新】CSS学习笔记(开发者工具介绍)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【整理】如何翻译SAP事务代码描述
- 下一篇: 【温故知新】CSS学习笔记(后代和子代选