【温故知新】CSS学习笔记（开发者工具介绍）

Chrome工具

浏览器中检查：F12键（或者右键“检查”Ctrl+Shift+i）

按下上面这个“箭头”按钮后会出现右边的部分，左边是HTML代码，右边则是CSS代码。

细看右边CSS代码，会发现有一条语句前面有一个感叹号，且语句加上了删除线，则说明改行的语法有问题（语句无效），后面会给出具体的行号。

 

小技巧：

• Ctrl+滚轮 可以放大开发者工具代码大小；
• 左边是HTML元素结构，右边是CSS样式；
• 右边的CSS样式可以改动数据和颜色来查看更改后效果，便于调试；