係統粉 > 係統教程 > 電腦軟件教程

怎樣用CSS改網頁?用CSS改網頁的方法。

發布時間:2017-07-04 13:57:25    瀏覽數:

今天給大家帶來怎樣用CSS改網頁?用CSS改網頁的方法。,讓您輕鬆解決問題。

每個網站都有自己的風格,如果你喜歡某個網站的內容,卻不喜歡這個網站的網頁風格,怎麼辦?讓一個網站為你一個人而改版是不可能的,不過我們可以自力更生,通過CSS樣式文件對網頁進行修改,讓網站變成自己想要的。

為瀏覽器添加CSS管理

要想更好地使用和管理CSS,無論是穀歌還是火狐瀏覽器,都需要安裝一個名為Stylish的擴展。這裏以火狐瀏覽器為例,首先點擊“工具”菜單中的“附加組件”命令,在彈出的窗口選擇左側列表中“獲取附加組件”項,再在窗口的左上角輸入關鍵詞“Stylish”搜索,搜索到後點擊該擴展名稱後的“安裝”。安裝完畢,點擊“立即重啟”完成瀏覽器對該擴展的確認。

實戰1:啟用夜間模式瀏覽

每天對著電腦工作時間一長,就會覺得眼睛發幹和難受。其實我們可以通過CSS樣式文件,對網頁的內容進行調節,改變網頁背景過亮的情況。

首先登錄http://userstyles.org,在窗口左側輸入關鍵詞Global dark style,在搜索結果裏麵可以看到大量的夜間模式樣式。從中選擇一個自己喜歡的樣式並打開鏈接,接著在彈出的網頁中點擊Install with Stylish按鈕。然後在彈出的“安裝用戶樣式”窗口點擊“安裝”,完成這個CSS樣式文件的安裝。

安裝CSS欄式文件

最後重新刷新一下當前頁麵,就可以啟用夜間模式的效果了。夜間模式通常會用深色為底色,用其他顏色反襯出網頁的內容,從而避免網頁背景過亮對眼睛的刺激。

夜間模式下的新浪微博

實戰2:百度穀歌雙列顯示結果

當然,並不是所有需要的CSS樣式文件都可以在userstyles.org網站找到,因此有的時候我們需要手動添加。我們可以自己編寫,也可以從論壇或者貼吧中找到想要的CSS樣式文件。

現在無論是台式機還是筆記本電腦,使用的基本上都是寬屏顯示器,這樣在使用百度搜索時,單列顯示結果會“浪費”大量的屏幕資源,於是我找到一個可以將百度搜索結果顯示為雙列的CSS樣式文件(下載地址:http://tinyurl.com/k24krvx)。

繼續上個實戰,點擊瀏覽器“工具”菜單中的“附加組件”,在彈出的窗口中,選擇左側列表中“用戶樣式”項。點擊窗口裏麵的“編寫新樣式”按鈕,在彈出的對話框中分別設置CSS樣式的“名稱”和“標簽”。接著將下載的CSS樣式文件,用一個文本編輯器進行打開,將其中的所有代碼粘貼到CSS樣式編輯框裏麵。設置完畢點擊“保存”按鈕,手工添加CSS樣式文件的工作也就完成了。

手工添加CSS樣式文件

以後當我們用百度(或穀歌)搜索時,搜索結果會以兩列的形式顯示,比平常多顯示出雙倍的結果,而且以前顯示在旁邊的廣告信息也被成功過濾了,顯得更加簡潔實用。

網頁顯示效果

尋修網相關閱讀:

Web2.0時代CSS掛馬攻擊簡介及相應的防範方法

CSS掛馬方法及防範方法

微軟IE瀏覽器的CSS標簽"零日"漏洞防範方案

IE CSS“聖誕”漏洞爆發 在線玩網頁小遊戲要小心

IE瀏覽器CSS 0day漏洞(聖誕漏洞)手動修複解決方案

尋修網係列閱讀:

筆記本電腦保養係列專題文章

筆記本電腦使用技巧係列專題文章

windows係統常見問題處理大全

Windows 8探密係列

windows8使用技巧係列文章

windows 7使用技巧

WPS使用技巧係列文章

IE8使用技巧

IE瀏覽器常見故障處理大全

Office使用技巧係列文章

蘋果iOS5係統功能詳解

自己動手,豐衣足食——尋修網DIY係列文章

智能手機、平板電腦ROOT全攻略

各種操作係統安裝圖文教程

excel常用函數公式大全

iPad(iPad2)使用技巧

以上就是怎樣用CSS改網頁?用CSS改網頁的方法。教程,希望本文中能幫您解決問題。

上一篇:騰達無線網卡無法連接怎麼辦?騰達無線網卡無法連接的解決方法。 下一篇:瀏覽器在單獨一行顯示標簽頁的設置方法。如何設置瀏覽器單獨一行顯示標簽頁?

電腦軟件相關教程