CSS商业网站布局之道PDF|Epub|txt|kindle电子书版本网盘下载

CSS商业网站布局之道PDF格式电子书版下载

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

第1章　Web标准布局概述1

1.1　从闪客帝国网站改版说起1

1.2　表格布局的神话与没落2

1.2.1　表格为谁而生3

1.2.2　表格为什么要没落3

1.3　从Table到CSS——坎坷的历程8

1.3.1　现实的无奈8

1.3.2　勇敢的挑战9

1.4　认识Web标准10

1.4.1　结构标准语言10

1.4.2　表现标准语言11

1.4.3　行为标准语言11

1.5　CSS布局的基本思路12

1.6　我能学好CSS布局吗14

1.7　制作你的第一个XHTML+CSS页面16

1.7.1　传统表格布局16

1.7.2　表格布局存在的问题19

1.7.3　XHTML+CSS标准布局19

第2章　CSS布局基础24

2.1　标准网页结构24

2.1.1　XHTML文档结构24

2.1.2　XHTML基本语法26

2.1.3　XHTML元素分类27

2.1.4　XHTML常用元素简介28

2.1.5　XHTML结构语义化研究32

2.1.6　XHTML结构化应用案例分析33

2.2　CSS基本语法35

2.3　CSS选择符36

2.3.1　类型选择符37

2.3.2　id选择符38

2.3.3　class选择符40

2.3.4　通用选择符42

2.3.5　伪类和伪对象42

2.3.6　伪类选择符45

2.3.7　伪对象选择符46

2.3.8　分组选择符47

2.3.9　包含选择符48

2.3.10　元素指定选择符49

2.3.11　子对象选择符50

2.3.12　属性选择符51

2.3.13　相邻选择符55

2.4　CSS属性55

2.5　CSS属性值58

2.5.1　颜色值58

2.5.2　绝对单位59

2.5.3　相对单位59

2.5.4　百分比60

2.5.5　URL60

2.6　在网页中应用CSS61

2.6.1　内联样式61

2.6.2　内部样式62

2.6.3　外部样式62

2.7　CSS的继承、层叠和特殊性64

2.7.1　继承64

2.7.2　层叠65

2.7.3　特殊性66

2.8　div和span深入研究70

2.8.1　通用元素div和span70

2.8.2　使用div元素74

2.8.3　关于div元素嵌套的思考76

2.8.4　使用span元素79

2.9　id和class深入研究81

2.9.1　使用id81

2.9.2　关于id和name83

2.9.3　使用class85

2.9.4　关于id和class88

第3章　CSS布局工具89

3.1　TopStyle89

3.1.1　认识TopStyle界面89

3.1.2　创建样式90

3.1.3　编辑样式92

3.1.4　应用样式95

3.1.5　环境设置及使用技巧96

3.1.6　测试样式97

3.2　Dreamweaver98

3.2.1　CSS样式面板98

3.2.2　属性面板103

3.2.3　CSS可视化助理104

3.2.4　CSS样式呈现108

3.2.5　CSS视图辅助工具112

3.2.6　浏览器检查113

3.2.7　验证标记114

第4章　CSS盒模型116

4.1　盒模型基础116

4.1.1　为什么要提出盒模型116

4.1.2　盒模型结构117

4.1.3　关于元素宽和高的计算118

4.1.4　关于元素并列间距的计算121

4.1.5　关于元素间垂直间距的计算124

4.1.6　关于空盒模型127

4.2　边框127

4.2.1　边框宽度129

4.2.2　边框颜色129

4.2.3　边框样式130

4.2.4　关于内联元素的边框132

4.3　边界134

4.3.1　边界值134

4.3.2　边界重叠140

4.3.3　内联元素的边界147

4.4　补白148

4.5　盒模型兼容性应用151

4.5.1　解决IE元素浮动时边界误差问题151

4.5.2　解决非IE父元素不能自适应子元素高度问题152

4.5.3　解决IE子元素底边界不被解析问题154

4.5.4　解决IE子元素溢出问题155

第5章　CSS格式化排版157

5.1　排版是个细活157

5.2　文字排版159

5.2.1　关于字体159

5.2.2　关于字体大小162

5.2.3　增强字体大小的灵活性和可读性166

5.2.4　关于字体颜色167

5.2.5　关于字体样式168

5.3　段落排版170

5.3.1　缩进170

5.3.2　对齐172

5.3.3　行距175

5.3.4　分栏176

5.3.5　列表版式基础178

5.3.6　列表版式实战180

5.3.7　列表项行内显示184

5.3.8　列表符号的个性显示185

5.3.9　字距188

5.3.10　文本行控制188

5.3.11　空白192

5.3.12　文本流控制193

5.3.13　文本转换197

5.3.14　文本修饰197

5.4　图文混排199

5.4.1　构建图文混排结构199

5.4.2　图文规则混排202

5.4.3　背景图像应用204

5.4.4　图文不规则混排206

5.4.5　不规则图文混排的再研究209

第6章　CSS布局模型212

6.1　关于CSS布局212

6.1.1　从网友的求帖说起212

6.1.2　关于盒模型补充213

6.1.3　盒模型的类型214

6.1.4　包含块216

6.1.5　布局模型220

6.2　流动布局模型221

6.2.1　流动布局模型的特征222

6.2.2　相对定位流动223

6.3　浮动布局模型225

6.3.1　浮动布局模型的特征225

6.3.2　浮动清除230

6.3.3　浮动嵌套233

6.3.4　浮动与流动嵌套234

6.3.5　浮动与流动混合布局应用236

6.3.5.1　调整左右栏之间的空隙236

6.3.5.2　调整上下栏之间的空隙238

6.3.5.3　混合布局沙盘推演242

6.4　层布局模型246

6.4.1　定位类型246

6.4.2　绝对定位包含块246

6.4.3　绝对定位元素的边距251

6.4.4　相对定位253

6.4.5　混合定位253

6.5　层叠等级255

6.6　高度自适应259

6.7　CSS基本布局类型261

6.7.1　单行单列262

6.7.2　单行两列262

6.7.3　单行三列265

6.7.4　多行多列268

6.7.5　伪列布局272

第7章　CSS浏览器兼容解决方案275

7.1　关于网页浏览器275

7.2　CSS Bug、Hack和Filter简介276

7.3　过滤样式表文件278

7.3.1　IE条件注释279

7.3.2　@import规则过滤器280

7.4　过滤规则和声明283

7.4.1　!important关键字过滤器283

7.4.2　下划线属性过滤器283

7.4.3　转义属性过滤器284

7.4.4　＊html选择符过滤器285

7.4.5　属性选择符过滤器285

7.4.6　子对象选择符过滤器286

7.4.7　相邻选择符过滤器286

7.4.8　转义选择符过滤器286

7.4.9　注释反斜杠过滤器287

7.5　在IE/Windows中隐藏规则和声明287

7.5.1　隐藏单个声明287

7.5.2　隐藏多个声明289

7.5.3　隐藏规则289

7.6　网页Bug解决方案290

7.6.1　W3C CSS验证服务290

7.6.2　Web Developcr工具插件291

7.6.3　浏览器显示模式293

7.6.4　代码隔离与验证296

7.7　常见Bug及其修复297

7.7.1　盒模型Bug297

7.7.2　双倍浮向Bug298

7.7.3　多出3像素Bug299

7.7.4　高度不适应Bug301

7.7.5　多余字符Bug303

7.7.6　定位Bug304

7.7.7　捉迷藏Bug305

7.7.8　部分区域隐藏Bug306

7.7.9　百分比Bug308

7.7.10　项目符号隐藏Bug309

7.8　HTML默认样式与浏览器解析差异311

7.8.1　HTML 4默认样式311

7.8.2　浏览器默认样式313

7.9　IE 7浏览器兼容解决方案315

7.9.1　盒模型溢出兼容解决方案315

7.9.2　IE 7不再支持的过滤器小结317

7.9.3　推荐使用的过滤器318

第8章　CSS文档统筹与编码规范320

8.1　CSS文档统筹320

8.1.1　根据页面类型分离文件321

8.1.2　根据功能模块分离文件321

8.1.3　根据标签类型分离文件321

8.1.4　根据设备类型分离文件322

8.1.5　根据代码规模综合分离文件322

8.2　规则的组织322

8.3　属性的组织325

8.4　CSS命名艺术327

8.4.1　经典命名三法327

8.4.2　CSS命名规则328

8.4.3　CSS命名方法329

8.5　CSS代码缩写规则331

8.5.1　盒模型代码简写331

8.5.2　列表和背景缩写334

8.5.3　颜色值缩写335

8.5.4　字体缩写335

8.6　CSS代码书写格式336

8.6.1　CSS代码常用书写格式336

8.6.2　CSS代码清道夫339

8.7　CSS代码注释艺术340

8.7.1　怎样写好注释340

8.7.2　预防CSS中文注释Bug342

8.7.3　CSS注释清除343

8.8　CSS代码优化技巧344

8.8.1　利用继承性优化代码344

8.8.2　利用默认值优化代码345

8.8.3　利用公共类优化代码345

8.8.4　利用选择符分组优化代码346

8.8.5　利用层叠覆盖优化代码347

第9章　个人Blog网站布局348

9.1　关于Veerle's blog的研究348

9.2　网站配色351

9.3　全局属性设置351

9.4　控制模块显示宽度353

9.5　关于兼容性的解决方案356

9.6　滑动门技术研究358

9.6.1　什么是滑动门359

9.6.2　滑动导航菜单362

9.7　欣赏与研究背景图像的应用365

9.7.1　主背景图像、艺术图像和图标的使用365

9.7.2　日历背景图像的使用366

9.7.3　背景图像应用的思考367

9.7.3.1　隐藏法367

9.7.3.2　躲避法368

9.7.3.3　覆盖法368

9.8　圆角研究369

9.8.1　不带背景图像的圆角369

9.8.2　关于圆角的高级探讨376

9.8.3　纯CSS圆角代码优化381

9.8.4　用背景图像设计圆角383

9.8.4.1 完全固定的圆角布局383

9.8.4.2　高度固定的圆角布局384

9.8.4.3 宽度固定的圆角布局385

9.8.4.4　完全自适应圆角布局387

9.8.4.5　优化完全自适应圆角布局代码390

9.8.5 关于圆角解决方案的更多参考信息391

9.9　阴影研究393

9.9.1 定位法393

9.9.2　浮动法394

9.9.3　洋葱皮395

第10章　公司宣传网站的布局396

10.1　关于Layout的研究396

10.2　全局属性设置399

10.3　页面框架控制400

10.4　关于列表布局的深入研究403

10.4.1　图片切换技术403

10.4.2　选项卡切换技术406

10.5　导航菜单研究408

10.5.1　水平菜单409

10.5.2　垂直菜单411

10.5.3　多级菜单413

10.5.4　CSS Tab Designer420

10.5.5　获取更多的导航菜单421

第11章　技术门户网站布局423

11.1　关于CSS Beauty的研究423

11.2　全局属性设置426

11.3　页面框架控制429

11.4　关于CSS Beauty导航条的研究432

11.5　关于CSS Beauty数据表格的研究434

11.5.1　Upcoming Events数据表格434

11.5.2　Current Job Openings数据表格436

11.6　数据表格深入研究438

11.6.1　数据列分组440

11.6.2　数据行分组442

11.6.3　表格中重要的排版属性443

11.7　数据表格的CSS布局研究445

11.7.1　边框控制445

11.7.2　改善数据表格的视觉效果449

第12章　Web 2.0网站布局457

12.1　关于Web 2.0的技术探析457

12.2　关于读客网的研究462

12.3　全局属性设置465

12.4　页面框架控制470

第13章　网上商城网站布局475

13.1　关于阿里巴巴475

13.2　关于阿里巴巴中国网站的研究476

13.3　全局属性设置481

13.4　页面框架控制483

13.5　网页换肤技术研究486

13.5.1　构思与准备487

13.5.2　设计皮肤488

13.5.3　用JavaScript控制皮肤490

13.5.4　记忆皮肤492

13.5.5　恢复皮肤记忆494

13.5.6　分析阿里巴巴中国网站首页皮肤495

13.6　Tab切换技术502

13.7　表单研究504

13.7.1　表单及其框架504

13.7.2　表单版式510

13.7.3　表单布局518