CSS网站布局实录 基于Web标准的网站设计指南 第2版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

CSS网站布局实录 基于Web标准的网站设计指南 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 Web标准与CSS布局概述1

1.1 Web标准的历史及发展2

1.1.1 什么是Web标准2

1.1.2 Web表现层技术2

1.1.3 Web标准的历史3

1.2 Web标准的构成5

1.2.1 结构（Structure）5

1.2.2 表现（Presentation）6

1.2.3 行为（Behavior）6

1.3 Web标准有什么好处7

1.4 CSS布局与table布局的区别10

1.4.1 CSS 2.0的优势10

1.4.2 传统的table布局与CSS布局11

1.5 向Web标准过渡14

1.5.1 从HTML转XHTML14

1.5.2 发挥CSS 2.0的作用15

1.6 常见问题17

1.6.1 什么样的网站才符合Web标准17

1.6.2 使用Web标准之后表格还有用吗18

1.6.3 可以继续使用HTML来设计网页吗19

1.6.4 为什么不直接使用到XML20

1.6.5 学习CSS布局比表格困难吗20

1.6.6 CSS布局是否意味着必须手写代码20

1.6.7 什么叫网站重构21

1.6.8 使用Web标准之后就不再存在兼容性问题了吗21

1.6.9 有没有Web标准方面的优秀图书或网站21

1.6.10 使用CSS设计只能做出简单的网页吗21

1.7 面向现在与未来的设计22

1.7.1 Web标准与Web 2.023

1.7.2 用户体验技术25

1.7.3 用户体验设计的发展趋势28

第2章 XHTML与CSS基础29

2.1 XHTML基础30

2.2 选择合适的DTD32

2.3 选择合适的标签35

2.4 给CSS留下接口36

2.5 良好的XHTML编写习惯38

2.6 CSS语法结构39

2.6.1 CSS属性与选择符39

2.6.2 类型选择符40

2.6.3 群组选择符40

2.6.4 包含选择符41

2.6.5 id及class选择符41

2.6.6 标签指定式选择符43

2.6.7 组合选择符43

2.6.8 伪类及伪对象44

2.6.9 通配选择符45

2.7 CSS数据单位45

2.8 应用CSS到网页中46

2.8.1 行间样式表46

2.8.2 内部样式表46

2.8.3 外部样式表47

2.9 样式优先权问题48

2.9.1 写法优先权48

2.9.2 选择符优先权48

2.9.3 样式继承49

2.9.4 !important语法49

2.10 代码注释50

2.11 CSS开发环境与调试环境51

第3章 CSS网页布局与定位54

3.1 认识div55

3.1.1 div是什么55

3.1.2 如何使用div56

3.1.3 理解div56

3.1.4 并列与嵌套div结构58

3.1.5 使用合适对象来布局59

3.2 一列固定宽度61

3.3 一列宽度自适应62

3.4 二列固定宽度65

3.5 二列宽度自适应68

3.6 两列右列宽度自适应69

3.7 二列固定宽度居中70

3.8 三列浮动中间列宽度自适应72

3.9 高度自适应76

3.10 盒模型详解（Box Model）81

3.10.1 什么是盒模型81

3.10.2 盒模型的细节82

3.10.3 上下margin叠加问题86

3.10.4 左右margin加倍问题88

3.11 深入浮动（Float）89

3.11.1 文档流（Document Flow）89

3.11.2 浮动定位90

3.11.3 浮动的清理（Clear）92

3.11.4 何时选用浮动定位93

3.12 绝对定位与相对定位94

3.12.1 绝对定位94

3.12.2 相对定位96

3.12.3 何时选用绝对与相对定位99

第4章 CSS网站元素设计101

4.1 用CSS设计网站导航102

4.1.1 横向导航103

4.1.2 纵向导航111

4.1.3 下拉及多级弹出式菜单115

4.1.4 门户网站的导航设计（闪客帝国）122

4.2 背景控制125

4.2.1 背景颜色127

4.2.2 背景图片128

4.2.3 背景定位129

4.2.4 背景滚动131

4.2.5 背景属性缩写132

4.2.6 基于背景控制的导航优化133

4.3 使用列表元素136

4.3.1 ul无序列表137

4.3.2 ol有序列表137

4.3.3 改变项目符号样式139

4.3.4 使用图片自定义项目符号139

4.3.5 使列表变为段落141

4.3.6 列表缩进排版143

4.3.7 复杂列表的排版145

4.4 表单设计148

4.4.1 改变输入框及文本域样式150

4.4.2 改变下拉列表样式155

4.4.3 改变按钮样式157

4.4.4 表单布局设计158

4.4.5 使用label标签提升表单可用性164

4.4.6 表单设计的其他建议165

4.5 字体及段落样式设计165

4.5.1 应用字体样式167

4.5.2 应用段落样式173

4.6 图片样式设计183

4.6.1 图片定位184

4.6.2 图片剪切187

4.6.3 图片替代文本191

4.6.4 Flash替代文本194

4.7 链接样式控制194

4.7.1 链接控制194

4.7.2 CSS按钮197

4.7.3 图片翻转链接200

4.7.4 面包屑导航链接202

第5章 CSS内容排版205

5.1 文字排版206

5.1.1 通栏排版206

5.1.2 分栏排版206

5.2 图文混合排版207

5.2.1 图片基础控制208

5.2.2 不规则文字环绕212

5.3 全图排版215

5.4 表格排版221

5.4.1 充分使用表格标签221

5.4.2 表格样式控制223

5.4.3 表单表格设计228

第6章 CSS高级应用与技巧230

6.1 id与class231

6.1.1 什么是id231

6.1.2 何时使用id231

6.1.3 什么是class232

6.1.4 何地使用class233

6.1.5 同时使用多个类235

6.1.6 id应用与网站结构235

6.2 div与span238

6.3 CSS选择符的命名241

6.3.1 大小写敏感242

6.3.2 合法字符及组合242

6.3.3 命名建议242

6.4 CSS文件结构设计与优化244

6.4.1 导入结构245

6.4.2 结构优化245

6.5 使用CSS缩写249

6.5.1 font字体缩写250

6.5.2 margin与padding边距缩写250

6.5.3 border边框缩写251

6.5.4 list列表缩写252

6.5.5 background背景缩写252

6.5.6 color颜色缩写253

6.6 CSS代码优化253

6.6.1 增加代码重用率253

6.6.2 使用样式覆盖进行简化256

6.7 园角样式设计257

6.7.1 圆角表格257

6.7.2 圆角矩形262

6.8 滑动门技术265

6.9 小提示窗口268

6.10 图像地图271

6.11 垂直居中273

6.12 折叠标签276

6.13 CSS数据图表279

6.13.1 初级样式（进度条）280

6.13.2 复合样式（滑动条）283

6.13.3 柱状图286

6.14 切换样式表（网站换肤）290

6.15 XHTML与CSS校验294

6.15.1 XHTML校验器295

6.15.2 CSS校验器296

6.16 Flash如何符合标准297

第7章 浏览器兼容与解析问题300

7.1 CSS hack技术301

7.1.1 如何使用CSS hack302

7.1.2 常用CSS hack使用方法302

7.1.3 CSS hack管理308

7.2 IE条件注释功能309

7.3 盒模型问题310

7.3.1 盒模型hack310

7.3.2 简单盒模型hack方法311

7.4 IE捉迷藏311

7.5 ul的不同表现314

7.6 IE 3px问题317

7.7 高度不适应319

7.8 IE6断头台问题322

7.9 容器不扩展问题325

7.10 IE7浏览器的一些变化327

第8章 CSS可视化开发与调试329

8.1 Dreamweaver 8的CSS可视化开发330

8.1.1 对CSS支持的界面变化331

8.1.2 可视CSS辅助功能335

8.1.3 浏览器检查及验证标记343

8.1.4 创建CSS布局页面346

8.2 Dreamweaver CS3的CSS管理366

8.3 CSS代码调试369

8.3.1 安装Firefox Web Developer369

8.3.2 界面总览371

8.3.3 主要功能372

8.4 Web Accessibility Toolbar383

8.4.1 安装工具栏383

8.4.2 界面与功能总览383

第9章 CSS布局应用实例解析385

9.1 闪客帝国网站布局设计386

9.1.1 界面设计387

9.1.2 CSS文件结构设计389

9.1.3 首页布局设计389

9.2 Adobe网站CSS分栏设计396

附录A Web标准语思录402

A.1 Web上的中文排版403

A.2 我来说点儿Ajax的事儿408

A.3 Web标准的思考411

A.4 闪客帝国网站重构访谈419

附录B 相关资源及术语表423

B.1 相关网站424

B.2 相关书籍428

B.3 相关工具428

B.4 术语表429