DIV+CSS網(wǎng)頁布局教程

第1章 HTML入門
1.1 HTML簡介
1.1.1 用HTML建立第一個網(wǎng)頁
1.1.2 HTML文件結(jié)構(gòu)
1.1.3 HTML與XHTML
1.2 HTML的簡單應(yīng)用
第2章 利用HTML制作網(wǎng)頁
2.1 用HTML設(shè)置文本和圖像
2.1.1 文本排版
2.1.2 設(shè)置文字列表
2.1.3 HTML標(biāo)記及屬性
2.1.4 在網(wǎng)頁中使用圖片
2.2 用HTML建立超鏈接
2.3 用HTML創(chuàng)建表格
2.3.1 表格的基本結(jié)構(gòu)
2.3.2 合并單元格
2.3.3 設(shè)置對齊方式
2.3.4 設(shè)置表格背景及邊框顏色
2.3.5 表格單元格邊線間的距離
2.3.6 設(shè)置表格標(biāo)題
2.3.7 完整的表格標(biāo)記
2.4 應(yīng)用實例
2.4.1 設(shè)計分析
2.4.2 制作步驟
第3章 CSS基礎(chǔ)
3.1 CSS概述
3.1.1 CSS的定義
3.1.2 CSS的基本語法
3.2 基本CSS選擇器
3.2.1 標(biāo)記選擇器
3.2.2 類別選擇器
3.2.3 ID選擇器
3.3 選擇器的聲明
3.3.1 分組
3.3.2 嵌套
3.4 CSS調(diào)用
3.4.1 行內(nèi)樣式表
3.4.2 內(nèi)嵌式樣式表
3.4.3 鏈接式樣式表
3.4.4 導(dǎo)入式樣式表
3.5 應(yīng)用實例——為頁面添加CSS樣式
3.5.1 設(shè)計分析
3.5.2 制作步驟
第4章 文字效果
4.1 文字的基本樣式
4.1.1 字體樣式
4.1.2 字體顏色
4.1.3 字體大小
4.1.4 文字加粗
4.1.5 字體傾斜
4.1.6 文字下劃線、頂劃線、刪除線
4.1.7 英文字母大小寫轉(zhuǎn)換
4.2 文本效果
4.2.1 行距
4.2.2 文字與單詞間距
4.2.3 首行縮進(jìn)
4.2.4 水平對齊方式
4.2.5 垂直對齊方式
4.2.6 首字下沉
4.3 應(yīng)用實例
4.3.1 設(shè)計分析
4.3.2 制作步驟
第5章 圖片效果
5.1 圖片樣式
5.1.1 圖片邊框設(shè)置
5.1.2 圖片縮放設(shè)置
5.2 圖片對齊
5.2.1 水平對齊設(shè)置
5.2.2 垂直對齊設(shè)置
5.3 圖文混排
5.3.1 文本混排
5.3.2 設(shè)置混排間距
……
第6章 背景效果
第7章 邊框設(shè)計
第8章 濾鏡的應(yīng)用
第9章 制作實用的菜單
第10章 使用CSS美化瀏覽器效果
第11章 DIV+CSS布局
第12章 旅游景區(qū)網(wǎng)站
第13章 兒童用品網(wǎng)上商店
第14章 我的博客