3.8 开发者工具调试样式

样式面板支持对元素的样式进行增删改查操作。


3.8.1 修改属性值与属性名

原创声明。未经许可,不得转载,作者:小步教程。

单击属性值进入编辑状态。

img

如果是可选值属性,会自动弹提示;如果是数值,可通过上下箭头调整值。

箭头默认调整幅度值是1,组合键调整不同幅度值。Shift:10、Ctrl:100、Alt:0.1。

同理,单击属性名进入编辑状态,可根据需求设成其它属性名。


3.8.2 取消属性

删除属性可通过取消属性。将鼠标放在属性上,即会出现复选框,单击取消。

img

取消后会出现删除线,表示不应用此属性设置。


3.8.3 添加属性

(1)在想添加属性位置的上一行空白处单击。

img

新增空属性名,然后设置。

img

例如设置font-size值14px,查看页面效果生效。


3.8.4 复制代码

样式面板选择内容然后复制,粘贴到需要位置。通常调试成功后,将代码复制到源文件。