------- Windows Phone 7手機開發(fā)、.Net培訓、期待與您交流! -------
1. css選擇器:標簽選擇器、ID選擇器(#,頁面中只能使用一次,不能重復)、類選擇器(. 頁面中一個標簽可以有多個類選擇器,空格隔開即可)、通用選擇器(*)
2. 對HTML內(nèi)所有標簽進行重置: 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. 盒子模型、內(nèi)聯(lián)元素VS塊狀元素
盒子模型:margin---->border--->padding--->content
|
塊狀元素 |
內(nèi)聯(lián)元素 |
Width和height起作用 |
YES |
NO |
容許其它元素與其同處一行 |
NO |
YES |
包容元素 |
一般可容納內(nèi)聯(lián)元素和其它塊狀元素 |
只能容納文本或者其它內(nèi)聯(lián)元素 |
舉例 |
'div p |
'a |
塊狀元素容許其它塊狀元素同一行,使用: float:left; 清除浮動影響:clear:both;
塊狀元素轉(zhuǎn)換成內(nèi)聯(lián)元素 使用:display:inline;
內(nèi)聯(lián)元素轉(zhuǎn)換成塊狀元素 使用:display: block;
6. 讓區(qū)域定位于瀏覽器正中間,且不受瀏覽器窗口、分辨率的影響:margin:0 auto;或者margin:xx auto;
7. 通過左側(cè)浮動來實現(xiàn)兩欄效果,應(yīng)該防止在IE6上出現(xiàn)雙倍邊距bug,需使用display:inline來消除;
8. 實現(xiàn)圖片鏈接效果,第一反應(yīng)應(yīng)該將<a>、<img>兩個表情設(shè)置為塊元素,以統(tǒng)一風格,設(shè)置圖片高度.
私房小菜:小結(jié)的常用顏色表:

------- Windows Phone 7手機開發(fā)、.Net培訓、期待與您交流! -------
文章標題:黑馬程序員---CSS+DIV復習小結(jié)
分享鏈接:http://chinadenli.net/article22/jiiicc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、微信小程序、、網(wǎng)站設(shè)計公司、網(wǎng)站設(shè)計、虛擬主機
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)