可以試試用瀏覽器進行調試，點擊“工具”，點擊“開發者工具”，就打開調試工具了，也可以按下快捷鍵F12來打開調試工具。
在css代碼這里修改，會實時反應到頁面，最后將自己滿意的效果修改到本地的css代碼中即可。
使用Sublimetext3格式化HTML代碼試試，需要安裝插件，具體安裝步驟如下：
1、打開菜單->首選項->插件控制，輸入installpackage
2、等待程序進入插件管理功能，再輸入插件名稱：TAG
3、點擊安裝插件html-css-jsprettify。
4、插件安裝成功后，在需要格式化的HTML代碼中，選中代碼，然后按Ctrl+Alt+H對代碼進行格式化。
html-css-jsprettify格式化CSS會再每個CSS后面都添加一個換行，取消該換行的方法：
打開：菜單>tools>html/css/jsprettify>setprettifypreferences
修改設置newline_between_rules的參數為false