建設網頁如何排版？高大上網站CSS排版方式介紹

作者：佚名   時間：2014-05-23   分享到：

如今的網頁排版格式越來越復雜，很多效果都需要通過CSS技術，CSS可以使用HTML標簽或命名的方式定義。除可控制一些傳統的文本屬性(如字體、字號和顏色等)外，還可以控制一些比較特別的HTML屬性，如對象位里、圖片效果和鼠標指針等。CSS樣式可以一次控制多個文檔中的文本，當CSS樣式有所更新或被修改之后。所有應用該樣式的文檔都會被自動更新。

使用CSS排版來美化你的網站
CSS技術可以有效地對頁面的布局、字體、顏色、背景和其他效果實現更加精確的控制，只要對相應代碼做一些簡單的編輯，就可以改變同一頁面中不同部分或不同頁面的外觀和格式口使用CSS不僅可以做出美觀、令瀏覽者賞心悅目的網頁，還能給網頁添加許多神奇的效果。
 

css是cascading s tyles beets的簡稱。對于設計者來說它是一個非常靈活的工具，使用戶不必再把繁雜的樣式定義編寫在文檔結構中，而將有關文檔的樣式內容全部脫離出來，在行內定義、在標題中定義，甚至作為外部樣式表文件供HTML頁成調用。

CSS的樣式規則如下:

選擇符｛屬性:值｝

單一選擇符的復合樣式聲明應該用分號隔開。

選擇符｛屬性1:值;屬性2:值2｝
 

CSS的特點:利用它不僅可以控制傳統的格式屬性，如字體、尺寸、對齊，還可以設置諸如位置、特殊效果、鼠標滑過之類的HTML屬性。如圖1所示為沒有使用樣式表美化的頁面，如圖2所示為使用CSS樣式表美化后的頁面。

（排版前）         （排版后）

通過修改樣式，可自動快速更新所有采用該樣式的文字格式。HTML樣式可以看作是一組用于控制.單個文檔中某范圍內文本外觀的格式化屬性口而CSS樣式不僅可以控制.單個文檔中的文本格式，而且可以控制多個文檔的格式。與HTML樣式相比，使用CSS樣式可以更好地鏈接外部多個文檔，當CSS樣式被更新時，所有使用CSS樣式的文檔也會自動更新。

當用戶需要管理一個非常大的網站時，使用CSS樣式定義站點便可以體現出非常明顯的優越性。使用CSS樣式可以快速格式化整個站點，并且CSS樣式可以控制多種不能使HTML控制的屬性。

使用CSS樣式表具有以下特點:

1、可以更加靈活地控制網頁中文字的字體、顏色、大小、間距、風格及位置。

2、可以靈活地設置一段文本的行高、縮進，并可以為其加入三維效果的邊框。

3、可以方便地為網頁中的任何元素設置不同的背景顏色和背景圖像。

4、可以精確地控制網.貞中各元素的位置。

5、可以為網頁中的元素設置各種過濾器，從而產生陰影、模糊、透明等效果。

6、可以與腳本語言相結合，從而產生各種動態效果。

7、由于是直接的HTML格式的代碼，因此可以提高頁面打開的速度。