用Firefox插件調整CSS 優化網頁視覺體驗

　　現在有越來越多的人在使用Google Reader，利用Google Reader可以非常方便的訂閱、閱讀 RSS。但Google Reader也有自己不足之處，主要是在閱讀上不是很方便。RSS 內文的空間寬度以及字號比較窄了一點，閱讀體驗并不是很理想(圖1)。

　　　　圖1

　　如果你使用的是Firefox瀏覽器，可以利用一款Stylish的插件來改變Google Reader的布局，讓閱讀更加方便(點擊下載)。

　　Stylish這款插件主要作用是讓CSS樣式的網頁可以自由的變換，不管是背景、字型、行間距都可以配合我們的需要而改變。只要對 CSS 有基本的認識再配合插件，那么想要對某個網頁進行大改造就變得易如反掌。

　　先將插件安裝在Firefox。在Firefox中登錄Google Reader網站，然后在下面會看到Stylish按鈕。點擊該按鈕后，選擇“撰寫樣式→空白樣式”(圖2)。

　　圖2

　　在描述中輸入Google，在下面文本框中輸入CSS代碼：

　　@-moz-document url-prefix("http://www.google.com/reader") {
　　.entry .entry-body {max-width:100% !important; font-size:16px !important; line-height:150% !important;}
　　}

　　提示：max-width: 100%：指最大寬度為 100%;font-size: 16px：指字號為 16像素;line-height: 150%：指行高 (或稱為行間距)為 150%，除了用百分比之外還可以用像素來指定行高，例如 32px。

　　可以根據自己的喜好來輸入相對應代碼，選擇好之后點擊預覽按鈕可以查看修改后的效果，如果覺得沒有問題，點擊確定按鈕保存設置。這樣Google Reader就會按照自己的設定來改變版面，以后再閱讀起來就會方便很多。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈