1、首先打开运行我们的Safari浏览器,然后点击右上角的“设置”选项,出现菜单栏,选择“偏好设置”选项。

3、设置好开发者模式后,按“F10”快捷键(有些电脑可能要“Fn+F10”),浏览器的上方会出现如图的菜单栏,选择“开发”选项,会有很多给我们开发定制的菜单。

5、看源代码,我们可以在右侧,点击属性值将值跳大调小,也可以新增css,改变css的属性值查看效果,合适后可以直接复制到我们的css文件中。

7、如果想检查页面中的某个元素的样式,可以用鼠标右击该元素,选择“检查元素”,便可以看到该元素的Css样式,前提是进入了开发者模式喔。
