3.8 开发者工具调试样式
样式面板支持对元素的样式进行增删改查操作。
3.8.1 修改属性值与属性名
原创声明。未经许可,不得转载,作者:小步教程。
单击属性值进入编辑状态。
如果是可选值属性,会自动弹提示;如果是数值,可通过上下箭头调整值。
箭头默认调整幅度值是1,组合键调整不同幅度值。Shift:10、Ctrl:100、Alt:0.1。
同理,单击属性名进入编辑状态,可根据需求设成其它属性名。
3.8.2 取消属性
删除属性可通过取消属性。将鼠标放在属性上,即会出现复选框,单击取消。
取消后会出现删除线,表示不应用此属性设置。
3.8.3 添加属性
(1)在想添加属性位置的上一行空白处单击。
新增空属性名,然后设置。
例如设置font-size值14px,查看页面效果生效。
3.8.4 复制代码
样式面板选择内容然后复制,粘贴到需要位置。通常调试成功后,将代码复制到源文件。