CSS网站布局实录PDF|Epub|txt|kindle电子书版本网盘下载

CSS网站布局实录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标准的构成4

1.2.1　结构（Structure）5

1.2.2　表现（Presentation）6

1.2.3　行为（Behavior）6

1.3　Web标准有什么好处6

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

1.4.2　传统的table布局VS.CSS布局10

1.4.1　CSS 2.0的优势10

1.5　如何向标准过渡13

1.5.1 从HTML转向XHTML13

1.5.2　发挥CSS 2.0的作用14

1.6　常见问题16

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

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

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

1.6.4　为什么不直接过渡到XML18

1.6.5　学习CSS布局比表格难吗18

1.6.6　CSS布局是不是意味着必须手写代码18

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

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

1.6.7　什么叫网站重构？19

第2章　XHTML与CSS基础20

2.1　XHTML基础21

2.2　选择合适的doctype23

2.3　选择合适的标签25

2.4　给CSS留下接口27

2.5 良好的XHTML编写习惯28

2.6　CSS语法结构29

2.6.1　CSS属性与选择符29

2.6.2　类型选择符30

2.6.3　群组选择符30

2.6.5　id及class选择符31

2.6.4　包含选择符31

2.6.6　标签指定式选择符32

2.6.7　组合选择符33

2.6.8　伪类及伪对象33

2.6.9　通配选择符34

2.7　CSS数值单位34

2.8　应用CSS到网页中35

2.8.1　行间样式表35

2.8.2　内部样式表35

2.8.3　外部样式表36

2.9　CSS开发环境与调试环境37

第3章　CSS网页布局39

3.1.2　如何使用div40

3.1 认识div40

3.1.1　div是什么40

3.1.3　理解div41

3.1.4　div的并列与嵌套结构43

3.1.5　使用合适的对象来布局43

3.2　一列固定宽度44

3.3 一列自适应45

3.4　二列固定宽度48

3.5　二列宽度自适应50

3.6　两列右列宽度自适应51

3.7　二列固定宽度居中53

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

3.9　高度自适应58

第4章　CSS网站元素设计64

4.1　用CSS设计网站导航65

4.1.1　横向导航66

4.1.2　纵向导航73

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

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

4.2　背景控制86

4.2.1 背景色87

4.2.2　背景图片88

4.2.3　背景定位90

4.2.4　背景滚动91

4.2.5　背景属性缩写92

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

4.3　列表元素使用96

4.3.1　ul无序列表97

4.3.2　ol有序列表97

4.3.3 改变项目符号样式98

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

4.3.5　使列表变为段落100

4.3.6　列表缩进排版103

4.3.7　复杂列表的排版104

4.4　表单设计108

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

4.4.2　改变下拉列表样式114

4.4.3 改变按钮样式115

4.4.4　表单布局设计116

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

4.4.6　表单设计的其他建议123

4.5　字体及段落样式设计123

4.5.1　应用字体样式125

4.5.2　应用段落样式130

4.6　图片样式设计139

4.6.1　图片定位141

4.6.2 图片剪切143

4.6.3　图片替代文本147

4.7.1　链接控制149

4.7　链接样式的控制149

4.7.2　CSS按钮151

4.7.3　图片翻转链接154

4.7.4　面包屑导航链接156

第5章　CSS内容排版159

5.1　文字排版160

5.1.1　通栏排版160

5.1.2　分栏排版160

5.2　图文混合排版161

5.2.1　图片基础控制161

5.2.2　不规则文字环绕166

5.3　全图排版168

5.4.1　充分使用表格对象的标签174

5.4　表格排版174

5.4.2　表格样式控制176

5.4.3　表单表格设计181

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

6.1 id vs class183

6.1.1　什么是id183

6.1.2　什么情况下使用id183

6.1.3　什么是class184

6.1.4　什么情况下使用class185

6.1.5　id使用与网站结构186

6.2　div vs span189

6.3　CSS选择符的命名192

6.3.1　大小写敏感193

6.3.2　合法字符及组合193

6.3.3　命名建议193

6.4　CSS文件结构的设计与优化195

6.4.1 导入195

6.4.2　结构196

6.5　CSS缩写199

6.5.1 font字体缩写200

6.5.2　margin与padding边距缩写200

6.5.3　border边框缩写201

6.5.6　color颜色缩写202

6.5.5　background背景缩写202

6.5.4　list列表缩写202

6.6　CSS代码优化203

6.6.1 增加代码重用率203

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

6.7　园角样式设计206

6.8　滑动门技术211

6.9　小提示窗口214

6.10　折叠标签216

6.11　CSS数据图表219

6.11.1　初级样式（进度条）219

6.11.2　复合样式（滑动条）222

6.11.3　柱状图224

6.12　切换样式表（网站换肤）228

6.13　XHTML与CSS校验232

6.13.1　XHTML校验器233

6.13.2　CSS校验器234

6.14　Flash如何符合标准235

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

7.1　CSS hack技术238

7.1.1　如何使用CSS hack238

7.1.2　常用CSS hack使用方法239

7.1.3　CSS hack管理243

7.2　IE条件注释功能244

7.3.1　盒尺寸245

7.3　盒模型问题245

7.3.2　盒模型hack248

7.3.3　简单盒模型hack方法249

7.4　IE捉迷藏250

7.5　ul的不同表现253

7.6　IE 3px问题255

7.7　高度不适应257

7.8　IE断头台问题260

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

8.1　Dreamweaver 8的CSS可视化开发265

8.1.1 对CSS支持的界面变化265

8.1.2　可视CSS辅助功能269

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

8.1.4　创建CSS布局页面280

8.2　CSS代码调试300

8.2.1 安装Firefox Web Developer300

8.2.2　界面总览302

8.2.3　主要功能303

8.3　Web Accessibility Toolbar313

8.3.1 安装313

8.3.2　界面与功能总览313

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

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

9.1.1 界面设计317

9.1.2　CSS文件结构设计318

9.1.3　首页布局设计319

9.2　Macromedia网站CSS分栏设计326

附录A　Web标准语思录331

A.1　Web上的中文排版332

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

A.3　Web标准的思考339

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

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

B.1　相关网站350

B.2　相关书籍353

B.3　相关工具353

B.4　术语表354