●為什麼用css：
·一組樣式可以呼叫在多個物件上
·語法易學易懂（比html的語法還容易學，學了html之後，學css將非常容易）
·豐富的樣式效果
·是 dhtml 的基礎
·用css布局的乙個好處是可以批量對頁面進行修改，它能將文件結構和表現層分離開來，
減輕工作量和伺服器的負荷，增加站點的擴充套件能力和應用。
●什麼是css
css的英文是cascading style sheets，中文可以翻譯成串聯式樣式表。
●css分類：按其位置可以分成三種
1、內嵌樣式：
內嵌樣式是混合在html標記裡使用的，用這種方法，可以很簡單的對某個元素單獨定義樣式。內嵌樣式的使用是直接將在html標記裡加入style引數。而style引數的內容就是css的屬性和值，如下例：
<
p style
="color: sienna;margin-left: 20px;"
>
這是乙個段落
p>
在style引數後面的引號裡的內容相當於在樣式表大括號裡的內容。
注意：style引數可以應用於任意body內的元素（包括body本身），除了basefont、param和script。
2、內部樣式表這是
這是最典型的css的宣告方式，但我 個人 認為：,影響頁面的外觀；
內部樣式表是把樣式表放到頁面的
注意：有些低版本的瀏覽器不能識別style標記，這意味著低版本的瀏覽器會忽略style標記裡的內容，並把style標記裡的內容以文字直接顯示到頁面上。為了避免這樣的情況發生，我們用加html注釋的方式（）隱藏內容而不讓它顯示：
3、外部樣式表：
呼叫外部樣式表是把樣式表儲存為乙個樣式表檔案，然後在頁面中用標記鏈結到這個樣式表檔案，這個標記必須放到頁面的
●css注釋
/*定義段落樣式表
*/
p
1. 基本語法
css的定義是由三個部分構成：選擇符（selector），屬性（properties）和屬性的取值（value）。
基本格式如下：
selector
/*（選擇符 ）
*/
選擇符是可以是多種形式，一般是你要定義樣式的html標記，例如body、p、table……，你可以通過此方法定義它的屬性和值，屬性和值要用冒號隔開：
body
選擇符body是指頁面主體部分，color是控制文字顏色的屬性，black是顏色的值，此例的效果是使頁面中的文字為黑色。
為了方便你自己或者他人日後更好地理解你的css**，你可以寫css**注釋。css**注釋以/*開頭，以*/結束。
如果屬性的值是多個單詞組成，必須在值上加引號，比如字型的名稱經常是幾個單詞的組合：
p /*
（定義段落字型為sans serif）
*/
p
/*（段落排列居中，段落中文字為黑色，字型是arial）
*/
2. 選擇符組 (集體宣告 和 分項宣告方式)
你可以把相同屬性和值的選擇符組合起來書寫，用逗號將選擇符分開，這樣可以減少樣式重複定義：
h1, h2, h3, h4, h5, h6
/*（這個組裡包括所有的標題元素，每個標題元素的文字都為綠色）
*/
p, table
/*（段落和**裡的文字尺寸為9號字）
*/
/*效果完全等效於：
*/
p
table
3. 類選擇符
用類選擇符你能夠把相同的元素分類定義不同的樣式，定義類選擇符時，在自定類的名稱前面加乙個點號。假如你想要兩個不同的段落，乙個段落向右對齊，乙個段落居中，你可以先定義兩個類：
p.right
p.center
然後用不在不同的段落裡，只要在html標記裡加入你定義的class引數：
<
p class
="right"
>
這個段落向右對齊的
p>
<
p class
="center"
>
這個段落是居中排列的
p>
<
p class
="right"
>
這個段落向右對齊的
p>
<
p class
="center"
>
這個段落是居中排列的
p>
注意：類的名稱可以是任意英文單詞或以英文開頭與數字的組合，一般以其功能和效果簡要命名。
類選擇符還有一種用法，在選擇符中省略html標記名，這樣可以把幾個不同的元素定義成相同的樣式：
.center
（定義.center的類選擇符為文字居中排列）
這樣的類可以被應用到任何元素上。下面我們使h1元素（標題1）和p元素（段落）都歸為「center」類，這使兩個元素的樣式都跟隨「.center」這個類選擇符：
<
h1 class
="center"
>
這個標題是居中排列的
h1>
<
p class
="center"
>
這個段落也是居中排列的
p>
注意：這種省略html標記的類選擇符是我們經後最常用的css方法，使用這種方法，我們可以很方便的在任意元素上套用預先定義好的類樣式。
4. id選擇符
在html頁面中id引數指定了某個單一元素，id選擇符是用來對這個單一元素定義單獨的樣式。
id選擇符的應用和類選擇符類似，只要把class換成id即可。將上例中類用id替代：
定義id選擇符要在id名稱前加上乙個「#」號。和類選擇符相同，定義id選擇符的屬性也有兩種方法。下面這個例子，id屬性將匹配所有id="intro"的元素：
<
p id
="intro"
>
這個段落向右對齊
p>
#intro
p#intro
●定義鏈結的樣式
css中用四個偽類來定義鏈結的樣式，分別是：a:link、a:visited、a:hover和a : active，例如：
a:link
a:visited
a:hover
a:active
以上語句分別定義了"鏈結、已訪問過的鏈結、滑鼠停在上方時、點下滑鼠時"的樣式。注意，必須按以上順序寫，否則顯示可能和你預想的不一樣。記住它們的順序是「lvha」。
（字型尺寸為預設尺寸的110%；粗體；藍色；背景顏色透明）
下面這個例子，id屬性只匹配id="intro"的段落元素：
注意：id選擇符侷限性很大，只能單獨定義某個元素的樣式，一般只在特殊情況下使用。
Html 經典布局（三）
經典布局案例 三 doctype html html lang en head meta charset utf 8 title css布局 title head body div style height 400px width 200px float left div div style hei...
Html 經典布局（一）
經典布局案例 一 doctype html html lang en head meta charset utf 8 title css布局 title head body style margin 0 div style width 200px height 500px float left di...
Html 一些經典
標籤用於蒐集使用者資訊。根據不同的 type 屬性值，輸入字段擁有很多種形式。可以是文字字段 核取方塊 掩碼後的文字控制項 單選按鈕 按鈕等等。text 文字區域 readonly屬性 是否唯讀。password 密碼區域，輸入的文字以 展示 checkbox 核取方塊 checked屬性 是否選中...