DAY—01

8.CSS首頁分析（LOGO部分）

1.創(chuàng)一個(gè)最外層div

2. 第一部分：LOGO部分：嵌套3個(gè)div

? <div>

? ? ? <div style = "float:left">

? ? ? ? <omg src? = "../img/long2.pong"/>

? <div>

..........

..........

? 3.第二部分：導(dǎo)航欄部分:放置5個(gè)超鏈接

DAY—02

9.CSS首頁優(yōu)化—最新商品部分

? 4.第三部分：輪播圖

? 5.第四部分：最新商品

? 6.第五部分：直接放一張圖片

? 7.第六部分：抄第四部分的

? 8.第七部分：放一堆超鏈接

10.CSS首頁優(yōu)化—代碼實(shí)現(xiàn)

DAY—03

11.行高

? 默認(rèn)文字高度

? height:60px

? 添加line-height:60px

DAY—04

12. CSS選擇器的優(yōu)先級(jí)

? CSS的優(yōu)先級(jí)：

? 選擇器：元素選擇器，類選擇器，ID選擇器

按照選擇器搜索精確度來編寫：

? 行內(nèi)樣式>ID選擇器>類選擇器>元素選擇器

就近原則：那個(gè)離得近就選用那個(gè)樣式

DAY—05

13.內(nèi)容回顧—擴(kuò)展選擇器

? CSS層疊樣式表：

? ? 主要作用：美化頁面，將頁面美化和HTML代碼進(jìn)行分離，提高代碼的復(fù)用率

? ? 選擇器：

? ? ? 1.元素選擇器

? ? ? ? ? ? 標(biāo)簽名稱｛ ｝

? ? ? ? 2.類選擇器

? ? ? ? ? ? 以“. ”開頭：? .類名稱｛? ｝

? ? ? ? 3.ID選擇器（必須是頁面上唯一的）

? ? ? ? ? ? 以“# ”開頭： # ID選擇器｛ ｝

CSS的浮動(dòng)

? ? 1.float屬性：left,right(不再占有正常文檔流中的空間)運(yùn)用在流式布局

? ? 2.clear屬性：both，left，right 清除浮動(dòng)

CSS中的其他選擇器（語法基本一樣）

? ? 1.選擇器分組：? 選擇器1，選擇器2（屬性名稱：屬性的值）

? ? 2.屬性選擇器：

? ? ? a[title]

? ? ? a[title = "aaa"]

? ? ? a[herf][title]

? ? ? a[herf][title= "aaa"]

? ? ? [abc^="def"]選擇屬性值以“def”開頭的所有元素

? ? ? [abc$=“def”]選擇屬性值以“def”結(jié)尾的所有元素

? ? ? [abc*="def"]選擇屬性值以包含子串開頭的所有元素

? ? 3.CSS后代選擇器（又稱包含選擇器）

? ? ? 后代選擇器可以選擇作為某元素后代的元素

? ? ? 語法：選擇器1? 選擇器2? 找出所有后代

? ? 4.子元素選擇器：父選擇器>兒子選擇器

? ? 5.偽類選擇器（通常使用在a標(biāo)簽上）

? ?