原則上一個xhtml文檔所有的標簽都應該是結構標簽,需要表現的地方都使用css來控制。

兩個目的:
1,將頁面的內容和形式清晰的分離開來
2,使頁面內容更接近于XML
為什么要實現這兩個目的,好多地方都有講,不過,這里簡單的講兩條

一、長度單位
�牐犻L度單位是Web頁設計中最常用的一個單位。一個排列無序、雜亂無章的頁面不可能給人們留下什么好的印象。于是，在設計的時候需要為元素的位置、尺寸精確地定義一些值，以使其達到預期的效果。

其實去年的時候，我就有過接觸css了
都是跟著一些網頁教程學做的
無非是用來控制一下link,vlink之類的

八、 簡單介紹CSS結合JS的運用（針對事件動作）
利用CSS配合Javascript的可以做很多更酷的動態頁面效果，在本教程的最后給大家簡單介紹一下CSS配合JS的應用。首先，我們要搞清楚事件和動作的概念。在客戶端腳本中，JavaScript 通過對事件進行響應來獲得與用戶的交互。例如，當用戶單擊一個按鈕或者在某段文字上移動鼠標時，就觸發了一個單擊事件或鼠標移動事件，通過對這些事件的響應，可以完成特定的功能（例如，單擊按鈕彈出對話框，鼠標移動到文本上后文本變色等）。 下面介紹幾種常見的事件（還用更多事件，請查閱相關資料）：

CSS提供了一些內置的多媒體濾鏡特效，使用這種技術可以把可視化的濾鏡和轉換效果添加到一個標準的HTML元素上，例如圖片、文本容器、以及其他一些對象。Dreamweaver4提供了16種濾鏡可供選擇，如下圖：

在Dreamweaver4的CSS樣式里包含了W3C規范定義的所有CSS1的屬性，Dreamweaver4把這些屬性分為Type（類型）、Background（背景）、Block（塊）、Box（盒子）、Border（邊框）、 List（列表）、Positioning（定位）、Extensions（擴展）八個部分，如下圖，下面我們分別詳細講解。

1. CSS Styles面板
通過前面幾章的學習，相信大家對CSS有了一定的了解，這一章我們來講解如何利用Dreamweaver4來創建CSS。首先運行Dreamweaver4，啟動后，選擇菜單下的Windows->CSS Styles（或按Shitf+F11），系統彈出CSS Styles管理面板，如下圖所示：

前兩章我們了解了CSS的語法，但要想在瀏覽器中顯示出效果，就要讓瀏覽器識別并調用。當瀏覽器讀取樣式表時，要依照文本格式來讀，這里介紹四種在頁面中插入樣式表的方法：鏈入外部樣式表、內部樣式表、導入外表樣式表和內嵌樣式。

 
偽類可以看做是一種特殊的類選擇符，是能被支持CSS的瀏覽器自動所識別的特殊選擇符。它的最大的用處就是可以對鏈接在不同狀態下定義不同的樣式效果。

1.　　基本語法
CSS的定義是由三個部分構成：選擇符（selector），屬性（properties）和屬性的取值（value）。

　　Dreamweaver4是現今最好的網站編輯工具之一，用它來給制作網頁的CSS樣式表會更簡單、更方便。本教程教你如何利用Dreamweaver4在頁面中加入CSS，你不用死記硬背的記代碼標記，也不用去看很厚的CSS手冊，你就可以輕松自如的在網頁中運用CSS。不過首先你要對CSS有一定的了解。因此，本教程的前面4章為CSS理論知識，主要是對CSS的全面介紹，希望讀者看后對CSS的語法、結構、應用有一個全面的了解；后面4章為DW實戰，主要是教你如何利用Dreamweaver4靈活運用CSS在網頁中。閱讀此文前，你需要對HTML有一定的了解，并會使用Dreamweave

陰影效果成了平面設計的一個套路，平面設計師把它當作瑞士軍刀的起子，隨處使用，盡管招致不少非議，卻一直廣受歡迎。雖然用圖像編輯軟件也能實現陰影效果，但在Web設計快速發展的今天，適應性和易用性是大勢所趨，這種以固定背景效果制作出的靜態圖片很難有良好的適應性。

原文作者：Roger Johansson 作者簡介：住在瑞典哥德堡，1994年開始接觸和參與web設計，456 Berea Street是他的住址，因此采用這個名字作為他的個人主頁域名 原文出處：www.456bereastreet.com 原文發表時間：2005年3月15日 阿捷說明：此文原名"CSS tips and tricks"，有2篇，我將它們合并翻譯在本文中。

以下布局資料原作者：Owen Briggs 單行單列 單行單列1：采用float浮在左上角，固定寬度。 單行單列2：固定在左上角，固定寬度，采用的是絕對(absolute)定位。