CHROME 的CSS怎么处理

html-css021

CHROME 的CSS怎么处理,第1张

既然网页设计，当然是没做出来点东西都要在各大主要浏览器上测试兼容性啊。

谷歌和ie的任何一个版本都不一样，我觉得它跟符合规则，比ie感觉好（和ie9差不多）。

还有就是不同浏览器的默写默认是不一样的。所以一般会在最上边

加上 body,div,p,span,th,td,tr,{margin:0padding:0}啊之类清楚默认的语句，是个浏览器统一化。

但是还是会有些特别讨厌的 默认清除不了，比如ie6的兼容不知道你做过没。简直会让人骂爹。这时候只能用只有ie6认识代码。

想要更兼容，网页设计的尽量简单，嵌套少点，浮动少点，没用的东西少点。

个人经验之谈。

使用工具

chrome浏览器；

电脑；

扩展工具stylist；

操作步骤

通过下图路径进入Chrome扩展程序管理页面，点击获取更多扩展程序，下载stylist插件。

进入扩展程序管理页面，选择stylist扩展程序的选项。

选择Styles-demo，选择regexp，表示表达式，在后面写入自己要修改背景色的站点，注意最后的*号，表示这个站点所有页面都修改背景色，这也是正则表达式的功能。

刷新一下页面。

通过add Rule可以把其他站点也加入到规则中，Save后可以到所有百度的站点看看效果。

同时，也可以修改规则的名称，把之前的demo修改了。以后还有需要长时间阅读的页面，可以直接往页面背景色下添加啦。

提示：把网页页面的默认颜色改为淡绿色，这样有助有缓解眼睛疲劳。

步骤：

1. 为Chrome安装Web Developer扩展。

2. 打开该扩展，选择CSS选项卡下的Disable All Styles禁用所有CSS，选择Disable Browser Default Styles禁用浏览器默认提供的CSS。