16、CSS 定制与网站设计全攻略

CSS 定制与网站设计全攻略

1. 定制 Mozilla 浏览器样式表

1.1 定位文件夹路径

要为 Mozilla 浏览器指定自定义样式表，需按以下文件夹顺序操作： Application Data ➪ Mozilla ➪ Profiles 。打开你要指定自定义样式表的 Mozilla 配置文件名称对应的文件夹。在该配置文件文件夹内，可能会有一个标题看似是随机字母序列的文件夹，进入该文件夹后，点击名为 chrome 的文件夹。

1.2 创建并添加 CSS 文件

Mozilla 用作自定义样式表的 CSS 文件必须名为 userContent.css 。将名为 userContent.css 的 CSS 文件添加到 chrome 目录后，Mozilla 会尝试将其中指定的样式应用到你使用该配置文件登录 Mozilla 时访问的网站上。不过，由于层叠规则仍然适用，网站作者的样式表优先级高于用户样式表。若要覆盖网站作者的声明，需使用 !important 规则。

1.3 浏览器自身样式表定制

除了为网页内容定制样式表，还能为浏览器的外观和感觉的某些方面创建样式表。该样式表文件必须命名为 userChrome.css ，且需与 userContent.css 文件放在同一目录。 userChrome.css 文件包含对 XUL（可扩展用户界面语言）的