用CSS控制網頁總體風格
2024-04-14 分類： 網站建設
網頁設計中我們通常需要統一網頁的整體風格，統一的風格大部分涉及到網頁中文字屬性、網頁背景色以及鏈接文字屬性等等，如果我們應用CSS來控制這些屬性，會大大提高網頁設計速度，更加統一網頁總體效果。
為了達到修改整個網頁的目的，我們需要編輯一個外掛式的CSS文檔。根據這個文檔定義和修改不同CSS屬性并在頁面元素相同或者相似的網頁里調用它。
整體改變頁面風格
現在網頁中流行宋體的9pt和10.5pt的字體，按快捷鍵“Shift+F11”打開“CSS Style控制面板”，單擊“New Style”按鈕，彈出“New Style”對話框，復選“Redefine HTML Tag”的“Type”類型，這時在Tag處會出現“body”、“br”、“cite”等選項，選擇“body”后確認。這樣我們就建立了一個外掛的CSS文檔，在保存對話框中保存為all后就進入“Style Definition for body in all.css”對話框(如圖1)。選擇“Category”中的“Type”項，定義“Font”為“宋體”、“Size”參數為“9”，其后的下拉框選擇“Points”、“Color”自定義為喜好顏色就可以了。當然還可以選擇“Category”中的“Background”項來定義“Background”顏色和其他背景屬性。這時您會看到頁面中內容的整體改變。
偏好元素風格的改變
經過上面的改變有時不免給您帶來一定麻煩，如果遇到頁面中某個元素，比如突出顯示的文字的字體、字號以及顏色怎么辦！這里我們就需要再定義一個新的CSS樣式單來對其進行控制，右鍵點擊頁面編輯區，在彈出快捷菜單中點擊“CSS Style/Edit Style Sheet”命令，彈出“Edit Style Sheet”對話框，選擇列表中的all.css，點擊“New”按鈕，在彈出的“New Style”對話框中選擇“Make Custom Style(class)”的“Type”類型定義一個自己偏好的CSS控制。如果想更改頁面中某一元素的屬性，選中它然后右鍵單擊“CSS Styles”面板中“Apply Styles”中剛才定義的CSS，執行“Apply”命令就可以了。
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！
為了達到修改整個網頁的目的，我們需要編輯一個外掛式的CSS文檔。根據這個文檔定義和修改不同CSS屬性并在頁面元素相同或者相似的網頁里調用它。
整體改變頁面風格
現在網頁中流行宋體的9pt和10.5pt的字體，按快捷鍵“Shift+F11”打開“CSS Style控制面板”，單擊“New Style”按鈕，彈出“New Style”對話框，復選“Redefine HTML Tag”的“Type”類型，這時在Tag處會出現“body”、“br”、“cite”等選項，選擇“body”后確認。這樣我們就建立了一個外掛的CSS文檔，在保存對話框中保存為all后就進入“Style Definition for body in all.css”對話框(如圖1)。選擇“Category”中的“Type”項，定義“Font”為“宋體”、“Size”參數為“9”，其后的下拉框選擇“Points”、“Color”自定義為喜好顏色就可以了。當然還可以選擇“Category”中的“Background”項來定義“Background”顏色和其他背景屬性。這時您會看到頁面中內容的整體改變。
偏好元素風格的改變
經過上面的改變有時不免給您帶來一定麻煩，如果遇到頁面中某個元素，比如突出顯示的文字的字體、字號以及顏色怎么辦！這里我們就需要再定義一個新的CSS樣式單來對其進行控制，右鍵點擊頁面編輯區，在彈出快捷菜單中點擊“CSS Style/Edit Style Sheet”命令，彈出“Edit Style Sheet”對話框，選擇列表中的all.css，點擊“New”按鈕，在彈出的“New Style”對話框中選擇“Make Custom Style(class)”的“Type”類型定義一個自己偏好的CSS控制。如果想更改頁面中某一元素的屬性，選中它然后右鍵單擊“CSS Styles”面板中“Apply Styles”中剛才定義的CSS，執行“Apply”命令就可以了。
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！
分享文章：用CSS控制網頁總體風格
文章位置：http://www.js-pz168.com/news20/323470.html
成都網站建設公司_創新互聯，為您提供網頁設計公司、做網站、自適應網站、外貿網站建設、全網營銷推廣、關鍵詞優化
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 獨立網站建立(怎么查詢網站建立時間) 2024-04-13
- 通過短視頻運營能為你帶來什么 2024-04-13
- 成都網站建設步驟有什么 2024-04-13
- IT網站制作美食素材講故事 2024-04-12
- 美國獨立服務器常見的網絡攻擊類型 2024-04-12
- 成都H5軟件開發有哪些優勢呢? 2024-04-12
- 網站建設需要定制三個原因道出了真相(寧波網站建設高端定制) 2024-04-12
- 淺析成都網站優化中的首頁優化策略 2024-04-13
- 為何網站建設排名不是很好是因為網站優化不到位嗎？ 2024-04-13
- 成都app開發之貨運APP開發解決方案，實現物流行業互聯網！ 2024-04-13
- 圍繞用戶體驗的設計需要遵循的四個原則(圍繞用戶體驗的口號) 2024-04-12
- 成都網頁設計開發中要謹慎使用透明效果？ 2024-04-12
- 論順序在網站優化過程中的重要性 2024-04-12
- 成都微信小程序開發制作前需要了解什么問題 2024-04-12
- 了解虛擬專用服務器(VDS)和虛擬專用服務器(VPS)的差異 2024-04-12
- 成都400電話申請——您的奇妙財源！ 2024-04-12
- 如何使用Photoshop調出向日葵中女孩日系暖色效果 2024-04-12
- 從網站運營到APP引流可以這樣玩(網站運營與管理) 2024-04-12
- 企業主咨詢匯總匯總網站建設三大組合：域名、空間、網站程序組成 2024-04-12