時間:2017-07-04 來源:互聯網 瀏覽量:
今天給大家帶來怎樣用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改網頁的方法。教程,希望本文中能幫您解決問題。