可以试试用浏览器进行调试,点击“工具”,点击“开发者工具”,就打开调试工具了,也可以按下快捷键F12来打开调试工具。
在css代码这里修改,会实时反应到页面,最后将自己满意的效果修改到本地的css代码中即可。
使用Sublime text 3 格式化HTML代码试试,需要安装插件,具体安装步骤如下:
1、打开菜单->首选项->插件控制,输入 install package
2、等待程序进入插件管理功能,再输入插件名称:TAG
3、点击安装插件html-css-js prettify 。
4、插件安装成功后,在需要格式化的HTML代码中,选中代码,然后按Ctrl+Alt+H对代码进行格式化。
html-css-js prettify 格式化CSS会再每个CSS后面都添加一个换行,取消该换行的方法:
打开:菜单>tools>html/css/js prettify>set prettify preferences
修改设置newline_between_rules的参数为false
格式化完代码检查一下是不是CSS路径写错,还是标签没有正确使用。