【課程內(nèi)容】
第一天
01-行內(nèi)樣式
02-內(nèi)嵌式
03-外部樣式表
04-字體大小
05-設(shè)置字體庫(kù)
06-字體是否加粗
07-字體是否傾斜
08-字體的連寫屬性
09-標(biāo)簽選擇器
10-類選擇器
11-id選擇器
12-命名規(guī)則
13-通配符選擇器
14-后代選擇器
15-子代選擇器
16-交集選擇器
17-并集選擇器
18-a標(biāo)簽的偽類選擇器
19-位置偽類選擇器
20-作業(yè)應(yīng)該怎么做
第二天
01-復(fù)習(xí)
02-京東選擇器練習(xí)
03-作業(yè)練習(xí)
04-層疊性
05-繼承性
06-優(yōu)先級(jí)順序
07-權(quán)重的計(jì)算
08-行高屬性
09-文本水平對(duì)齊方式
10-首行縮進(jìn)
11-顏色半透明
12-背景的相關(guān)屬性
13-背景的連寫方式
14-背景圖片的縮放
15-多背景的設(shè)置
16-選項(xiàng)列表
17-分組標(biāo)簽
18-新增的type屬性值
19-新增的屬性值
第三天
01-復(fù)習(xí)
02-目標(biāo)偽類選擇器
03-屬性選擇器
04-文本偽元素選擇器
05-before與after偽元素
06-文本修飾標(biāo)簽
07-塊級(jí)元素
08-行內(nèi)元素
09-行內(nèi)塊
10-元素的顯示模式轉(zhuǎn)換
11-盒子是什么
12-盒子模型是什么
13-邊框的學(xué)習(xí)
14-邊框的拓展
15-內(nèi)邊距
16-新浪導(dǎo)航
17-什么是內(nèi)容
18-margin的簡(jiǎn)單使用
19-盒子水平居中的方式
20-清除內(nèi)外邊距
21-垂直塌陷
22-包含塌陷
23-margin的共享
24-行內(nèi)元素的特殊性
25-盒子的真實(shí)寬高
26-盒模型
第四天
01-初始化代碼
02-用戶信息模塊
03-登錄工具條
04-登錄模塊完成
05-浮動(dòng)的初衷
06-浮動(dòng)的特點(diǎn)
07-行內(nèi)元素浮動(dòng)之后
08-浮動(dòng)布局練習(xí)
09-版心布局
10-通欄平均布局
11-浮動(dòng)所帶來(lái)的影響
12-高度法
13-overflow清除方法
14-clear屬性
15-額外標(biāo)簽法
16-單偽元素清除浮動(dòng)影響
17-雙偽元素清除浮動(dòng)影響
第五天
01-作業(yè)demo1
02-導(dǎo)航demo
03-初始化代碼
04-logo模塊
05-一半的導(dǎo)航
06-導(dǎo)航欄模塊
07-搜索框模塊
08-個(gè)人中心模塊
09-主體部分的背景
10-課程列表
11-選擇的小圓點(diǎn)
12-我的課程表模塊
13-精品推薦
14-介紹的網(wǎng)站
第六天
01-什么是定位的相關(guān)屬性
02-靜態(tài)定位
03-固定定位
04-對(duì)聯(lián)練習(xí)
05-絕對(duì)定位
06-相對(duì)定位
07-絕對(duì)定位的小練習(xí)
08-定位盒子的居中方式
09-定位的盒子的層疊次序
10-負(fù)邊距與層級(jí)的應(yīng)用
11-元素的隱藏
12-圖片圓角處理
13-logo模塊
14-搜索框
15-購(gòu)物車模塊
16-二維碼模塊
17-熱詞推薦
18-導(dǎo)航欄模塊
19-廣告模塊
第七天
01-鼠標(biāo)樣式
02-外輪廓線與文本域拖拽
03-清除圖片的底部空白間隙
04-標(biāo)簽的嵌套規(guī)則
05-處理超出文字
06-精靈圖的誕生原因
07-精靈圖的使用
08-精靈圖小練習(xí)
09-字體圖標(biāo)
10-如何找到想要的字體圖標(biāo)
11-利用類名添加字體圖標(biāo)
12-利用字體編碼設(shè)置字體圖標(biāo)
13-滑動(dòng)門的猜想
14-初級(jí)滑動(dòng)門
15-高級(jí)滑動(dòng)門
16-究極滑動(dòng)門
17-滑動(dòng)門導(dǎo)航欄
第八天
01-過(guò)渡是什么
02-過(guò)渡初體驗(yàn)
03-2d平移屬性
04-完美的居中方式
05-縮放屬性
06-旋轉(zhuǎn)屬性
07-旋轉(zhuǎn)吧楚喬
08-傾斜屬性
09-x軸旋轉(zhuǎn)
10-y軸旋轉(zhuǎn)
11-旋轉(zhuǎn)吧丁天的前任
12-z軸的旋轉(zhuǎn)
13-3d平移
14-背面隱藏
15-動(dòng)畫初體驗(yàn)
16-靈車漂移
17-彈性布局初體驗(yàn)
18-主軸的方向
19-主軸的對(duì)齊方式
20-側(cè)軸對(duì)齊方式
21-側(cè)軸的對(duì)齊方式與一行顯示
22-多行對(duì)齊方式
23-排列次序調(diào)整
京東項(xiàng)目
01-用戶的信息模塊
02-新聞模塊
03-服務(wù)模塊完成
04-秒殺的左半部分
05-倒計(jì)時(shí)模塊
06-秒殺列表
