添加浏览器的用户样式表
web前端都知道,CSS的来源有三种
一、user agent stylesheet 用户代理的默认CSS(就是浏览器默认的CSS,http://www.cnblogs.com/xesam/archive/2011/12/01/2270553.html)
二、author style sheets 开发人员定义的CSS(前端开发人员写的external-style,embeded-style,inline-style)
三、user style sheets 用户自定义的CSS(用户自己写的)
优先级由上至下依次增高
user agent stylesheet
user declarations (normal)
author declarations (normal)
author declarations (!important)
user declarations (!important)
前面两种可能用得比较多,第三种一般人也不会去设置,开发人员更不会设置,不过作为学习,个性化自己的浏览器或者整人的时候,倒是可以一用。
测试的时候最好加上!important后缀。
Firefox:
菜单->帮助->疑难解答信息->应用基础->打开所在文件夹
会打开形如Firefox\Profiles\401t3p3d.default的文件夹,在下面建立一个名为chrome的文件夹,然后新建名为userContent.css的样式表,在里面定义自己的CSS,重启Firefox之后才能生效(这也是Firefox最让人无语的地方)
Chrome:
对于WIN7用户来说,用户自定义样式表在形如C:\Users\xe\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets的文件夹下面(如果看不到AppData文件夹就应该设置“显示隐藏文件”),一般这个不用自己新建,下面有个文件叫做Custom.css,写入用户自定义的CSS。对于chrome来说,可以即时生效,刷新都免了。
Opera:
菜单->设置->首选项->高级->内容->样式选项->我的样式表
貌似不用重启,不过重启保险一下。
IE:
菜单->internet选项->常规->辅助功能
下图是IE9的例子,设置后立即生效,不过和chrome的保存css文件即时生效不一样。
Safari(win):
菜单(设置)->偏好设置->样式表
保存后生效。
转载请注明来自小西山子【http://www.cnblogs.com/xesam/】
本文地址:http://www.cnblogs.com/xesam/archive/2011/12/08/2280707.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架