21天精通CSS3+DIV網(wǎng)頁樣式設(shè)計(jì)與布局

第1部分 掌握CSS使用技巧
第1天 激動(dòng)人心的體驗(yàn)——CSS3樣式體現(xiàn)
1.1 認(rèn)識(shí)CSS3
1.1.1 CSS3簡介
1.1.2 CSS3發(fā)展歷史
1.1.3 瀏覽器與CSS3
1.2 樣式表的基本用法
1.2.1 在HTML中插入樣式表
1.2.2 單獨(dú)的鏈接CSS文件
1.3 CSS3新增的選擇器
1.3.1 屬性選擇器
1.3.2 結(jié)構(gòu)偽類選擇器
1.3.3 UI元素狀態(tài)偽類選擇器
1.4 技能訓(xùn)練——制作彩色標(biāo)題
第2天 CSS3的基本語法
2.1 CSS3選擇器
2.1.1 標(biāo)簽選擇器
2.1.2 類選擇器
2.1.3 ID選擇器
2.1.4 全局選擇器
2.1.5 偽類選擇器
2.2 選擇器聲明
2.2.1 集體聲明
2.2.2 多重嵌套聲明
2.3 CSS3繼承
2.4 技能訓(xùn)練——制作網(wǎng)頁新聞菜單
第3天 用CSS3設(shè)置豐富的文字效果
3.1 CSS3文字樣式
3.1.1 定義文字的顏色
3.1.2 定義文字的字體
3.1.3 定義文字的字號(hào)
3.1.4 加粗字體
3.1.5 定義文字的風(fēng)格
3.1.6 文字的陰影效果
3.1.7 控制溢出文本
3.1.8 控制換行
3.1.9 字體復(fù)合屬性
3.1.10 文字修飾效果
3.2 CSS3段落文字
3.2.1 設(shè)置字符間隔
3.2.2 設(shè)置單詞間隔
3.2.3 水平對(duì)齊方式
3.2.4 垂直對(duì)齊方式
3.2.5 文本縮進(jìn)
3.2.6 文本行高
3.3 技能訓(xùn)練——網(wǎng)頁圖文混排效果
第4天 用CSS3設(shè)置圖片效果
4.1 圖片縮放
4.1.1 通過標(biāo)記設(shè)置圖片大小
4.1.2 使用CSS3中width和height
4.1.3 使用CSS3中max-width和max-height
4.2 設(shè)置圖片的邊框
4.3 圖片的對(duì)齊方式
4.3.1 橫向?qū)R方式
4.3.2 縱向?qū)R方式
4.4 圖文混排效果
4.4.1 設(shè)置圖片與文字間距
4.4.2 文字環(huán)繞效果
4.5 技能訓(xùn)練——酒店宣傳單
第5天 用CSS3設(shè)置網(wǎng)頁中的背景
5.1 設(shè)置網(wǎng)頁背景顏色
5.2 設(shè)置背景圖片
5.2.1 添加背景圖片
5.2.2 設(shè)置背景圖片位置
5.2.3 背景圖片重復(fù)效果
……
第2部分 探討CSS+DIV頁面布局
第3部分 CSS的高級(jí)應(yīng)用
第4部分 CSS+DIV綜合實(shí)戰(zhàn)