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

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