css调试

183 阅读1分钟

css调试

开发者工具

1.在调试面板中,样式是有分类的
    1) inherited from xxx 继承过来的样式
    2) user agent stylesheet 浏览器默认样式

    3)自己写的样式

2.调试样式

 1)修改样式 就是修改CSS的属性值:

 数值类型:直接选中,修改,回国 / 通过鼠标滚轮修改 / 键盘上的上下箭头 

 颜色类型:直接选中,修改 / 单击 弹出颜色面板 

 字符串类型: float:left 直接选中 修改 会有提示 也可以按上下箭头 

 2)关闭样式 

 让一条样式是否起作用,每一个样式前面都有一个单选按钮,可以点击。

 3)添加样式 

 在任何一条样式的最后面,单击一下,自动换行,添加样式 有提示 

3.样式上面有删除线,表示这个样式没有起作用

4.如果看到一个样式上面有删除线(样式是不起作用了),原因可能是
1)属性名或属性值写错了
2)这条CSS的优先级不够
3)手动关闭了样式