Chrome工具

浏览器中检查:F12键(或者右键“检查”Ctrl+Shift+i)

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

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

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

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

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

 

小技巧:

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

相关文章:

  • 2021-11-27
  • 2022-12-23
  • 2021-12-28
  • 2021-12-12
  • 2021-10-20
  • 2021-12-19
  • 2021-08-15
猜你喜欢
  • 2022-02-09
  • 2022-01-13
  • 2021-08-24
  • 2021-11-03
  • 2022-12-23
  • 2021-12-21
  • 2021-11-17
相关资源
相似解决方案