DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> 關於CSS >> 用CSS控制網頁總體風格
用CSS控制網頁總體風格
編輯:關於CSS     

  網頁設計中我們通常需要統一網頁的整體風格,統一的風格大部分涉及到網頁中文字屬性、網頁背景色以及鏈接文字屬性等等,如果我們應用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”顏色和其他背景屬性。這時您會看到頁面中內容的整體改變。


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved