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