工具：谷歌瀏覽器
步驟
打開開發者工具，可以直接在頁面上點擊右鍵，然後選擇審查元素或者在Chrome的工具中找到或者直接記住這個快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打開控制臺)，或者直接按F12。
打開的開發者工具就長下面的樣子，建議將開發者工具彈出作為壹個獨立的窗口。
這個就是查看、編輯頁面上的元素，包括HTML和CSS：
左側就是對頁面HTML結構的查看與編輯，可以直接在某個元素上雙擊修改元素的屬性，或者點右鍵選;Edit as Html;直接對元素的HTML進行編輯，或者刪除某個元素，所有的修改都會即時在頁面上得到呈現。
Elements標簽頁的右側可以對元素的CSS進行查看與編輯修改：