黑馬程序員---CSS+DIV復習小結
------- Windows Phone 7手機開發、.Net培訓、期待與您交流！ -------
1. css選擇器：標簽選擇器、ID選擇器(#,頁面中只能使用一次，不能重復)、類選擇器(. 頁面中一個標簽可以有多個類選擇器，空格隔開即可)、通用選擇器(*)
2. 對HTML內所有標簽進行重置： eg: *{margin:0;padding:0;}
但一般情況下，對使用的的標簽進行重置即可。如：
Body,div,p,a,ul,li{margin:0;padding:0;}
3. 選擇器特點：可以集體聲明(使用，來隔離)、可以嵌套（使用空格來隔離）
Eg:
Body,div,p,a,ul,li{margin:0;padding:0;}
#div1 p a{color:#900;}
4. CSS選擇器命名: 駱駝命名法，帕斯卡名法，匈牙利命名法
5. 盒子模型、內聯元素VS塊狀元素
盒子模型：margin---->border--->padding--->content
|
|
塊狀元素 |
內聯元素 |
|
Width和height起作用 |
YES |
NO |
|
容許其它元素與其同處一行 |
NO |
YES |
|
包容元素 |
一般可容納內聯元素和其它塊狀元素 |
只能容納文本或者其它內聯元素 |
|
舉例 |
'div p |
'a |
塊狀元素 容許其它塊狀元素同一行，使用： float:left; 清除浮動影響：clear:both;
塊狀元素轉換成內聯元素 使用：display:inline;
內聯元素 轉換 成 塊狀元素 使用：display: block;
6. 讓區域定位于瀏覽器正中間，且不受瀏覽器窗口、分辨率的影響：margin:0 auto;或者margin:xx auto;
7. 通過左側浮動來實現兩欄效果，應該防止在IE6上出現雙倍邊距bug，需使用display:inline來消除；
8. 實現圖片鏈接效果，第一反應應該將<a>、<img>兩個表情設置為塊元素，以統一風格，設置圖片高度.
私房小菜：小結的常用顏色表：
------- Windows Phone 7手機開發、.Net培訓、期待與您交流！ -------
