用CSS控制網(wǎng)頁總體風(fēng)格

網(wǎng)頁設(shè)計(jì)中我們通常需要統(tǒng)一網(wǎng)頁的整體風(fēng)格，統(tǒng)一的風(fēng)格大部分涉及到網(wǎng)頁中文字屬性、網(wǎng)頁背景色以及鏈接文字屬性等等，如果我們應(yīng)用CSS來控制這些屬性，會(huì)大大提高網(wǎng)頁設(shè)計(jì)速度，更加統(tǒng)一網(wǎng)頁總體效果。

為了達(dá)到修改整個(gè)網(wǎng)頁的目的，我們需要編輯一個(gè)外掛式的CSS文檔。根據(jù)這個(gè)文檔定義和修改不同CSS屬性并在頁面元素相同或者相似的網(wǎng)頁里調(diào)用它。

整體改變頁面風(fēng)格

現(xiàn)在網(wǎng)頁中流行宋體的9pt和10.5pt的字體，按快捷鍵“Shift+F11”打開“CSS Style控制面板”，單擊“New Style”按鈕，彈出“New Style”對(duì)話框，復(fù)選“Redefine HTML Tag”的“Type”類型，這時(shí)在Tag處會(huì)出現(xiàn)“body”、“br”、“cite”等選項(xiàng)，選擇“body”后確認(rèn)。這樣我們就建立了一個(gè)外掛的CSS文檔，在保存對(duì)話框中保存為all后就進(jìn)入“Style Definition for body in all.css”對(duì)話框(如圖1)。選擇“Category”中的“Type”項(xiàng)，定義“Font”為“宋體”、“Size”參數(shù)為“9”，其后的下拉框選擇“Points”、“Color”自定義為喜好顏色就可以了。當(dāng)然還可以選擇“Category”中的“Background”項(xiàng)來定義“Background”顏色和其他背景屬性。這時(shí)您會(huì)看到頁面中內(nèi)容的整體改變。

偏好元素風(fēng)格的改變

經(jīng)過上面的改變有時(shí)不免給您帶來一定麻煩，如果遇到頁面中某個(gè)元素，比如突出顯示的文字的字體、字號(hào)以及顏色怎么辦！這里我們就需要再定義一個(gè)新的CSS樣式單來對(duì)其進(jìn)行控制，右鍵點(diǎn)擊頁面編輯區(qū)，在彈出快捷菜單中點(diǎn)擊“CSS Style/Edit Style Sheet”命令，彈出“Edit Style Sheet”對(duì)話框，選擇列表中的all.css，點(diǎn)擊“New”按鈕，在彈出的“New Style”對(duì)話框中選擇“Make Custom Style(class)”的“Type”類型定義一個(gè)自己偏好的CSS控制。如果想更改頁面中某一元素的屬性，選中它然后右鍵單擊“CSS Styles”面板中“Apply Styles”中剛才定義的CSS，執(zhí)行“Apply”命令就可以了。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

分享文章：用CSS控制網(wǎng)頁總體風(fēng)格
文章位置：http://www.muchs.cn/news20/323470.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、做網(wǎng)站、自適應(yīng)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)