CSS如何调试？

html-css07

CSS如何调试？,第1张

1.我们以谷歌浏览器为例，来讲讲怎么调试CSS。先打开谷歌浏览器，看截图里的红色箭头，点击“工具”，点击“开发者工具”，就打开调试工具了，也可以按下快捷键F12来打开调试工具；

2.打开的调试工具如下图所示：

3.我们就以百度的首页为例，看看调试效果。看截图，点击那个“抓取元素”的按钮，来获取要审查的元素；

4.看截图，出现下面的界面后，点击“style”，单击那个对勾，就可以看到效果了；

5.我去掉一些样式之后，就出现了下面的效果，看截图；

1、找到 Chrome 浏览器安装目录下的 Custom.css 样式文件（此文件默认为空）

2、添加以下代码到 Custom.css 样式文件并保存即可

html,body{background-color:#CCE8CC !important

Win7系统中 Custom.css 样式文件路径为：

C:\Users\系统用户名\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

如果想更换其他颜色，只需要将#CCE8CC改成其他颜色代码即可。