第3章 CSS网页布局与定位
3.1 认识div
3.1.1 div是什么
3.1.2 如何使用div
3.1.3 理解div
3.1.4 并列与嵌套div结构
3.1.5 使用合适对象来布局
3.2 一列固定宽度
3.3 一列宽度自适应
3.4 二列固定宽度
3.5 二列宽度自适应
3.6 两列右列宽度自适应
3.7 二列固定宽度居中
3.8 三列浮动中间列宽度自适应
3.9 高度自适应
3.10 盒模型详解(.Box Model)
3.10.1 什么是盒模型
3.10.2 盒模型的细节
3.10.3 上下margin叠加问题
3.10.4 左右margin加倍问题
3.11 深入浮动(Float)
3.11.1 文档流(Document Flow)
3.11.2 浮动定位
3.11.3 浮动的清理(Clear)
3.11.4 何时选用浮动定位
3.12 绝对定位与相对定位
3.12.1 绝对定位
3.12.2 相对定位
3.12.3 何时选用绝对与相对定位
第4章 CSS网站元素设计
4.1 用CSS设计网站导航
4.1.1 横向导航
4.1.2 纵向导航
4.1.3 下拉及多级弹出式菜单
4.1.4 门户网站的导航设计(闪客帝国)
4.2 背景控制
4.2.1 背景颜色
4.2.2 背景图片
4.2.3 背景定位
4.2.4 背景滚动
4.2.5 背景属性缩写
4.2.6 基于背景控制的导航优化
4.3 使用列表元素
4.3.1 ul无序列表
4.3.2 ol有序列表
4.3.3 改变项目符号样式
4.3.4 使用图片自定义项目符号
4.3.5 使列表变为段落
4.3.6 列表缩进排版
4.3.7 复杂列表的排版
4.4 表单设计
4.4.1 改变输入框及文本域样式
4.4.2 改变下拉列表样式
4.4.3 改变按钮样式
4.4.4 表单布局设计
4.4.5 使用label标签提升表单可用性
4.4.6 表单设计的其他建议
4.5 字体及段落样式设计
4.5.1 应用字体样式
4.5.2 应用段落样式
4.6 图片样式设计
4.6.1 图片定位
4.6.2 图片剪切
4.6.3 图片替代文本
4.6.4 Flash替代文本
4.7 链接样式控制
4.7.1 链接控制
4.7.2 CSS按钮
4.7.3 图片翻转链接
4.7.4 面包屑导航链接
第5章 CSS内容排版
5.1 文字排版
5.1.1 通栏排版
5.1.2 分栏排版
??.2 图文混合排版
5.2.1 图片基础控制
5.2.2 不规则文字环绕
5.3 全图排版
5.4 表格排版
5.4.1 充分使用表格标签
5.4.2 表格样式控制
5.4.3 表单表格设计
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.