添加瀏覽器的使用者樣式表

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