无懈可击的WEB设计：利用XHTML和CSS提高网站的灵活性与适应性2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

无懈可击的WEB设计：利用XHTML和CSS提高网站的灵活性与适应性PDF格式电子书版下载

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

第1章　灵活的文字1

1.1　常见的方法2

1.2　权衡我们的选择5

1.2.1 长度单位5

1.2.2　表示“相对大小”的关键字6

1.2.3 百分比值6

1.2.4　表示“绝对大小”的关键字6

1.3　无懈可击的方法7

1.3.1 关键字7

1.3.2　放弃像素级别的精确度8

1.3.3　两个需要克服的障碍8

1.3.4　简化的Box Model Hack11

1.4　为什么说它是无懈可击的11

1.5 有了灵活基础后的操作12

1.5.1　设置基准值12

1.5.2　使用百分比值来获取和基准值不同的尺寸13

1.6　结合使用关键字和百分比值16

1.6.1 设定一个中间的关键字基准值16

1.6.2　谨慎使用嵌套百分比值18

1.6.3 百分比值的一致性试验20

1.7　本章小结21

第2章　可伸缩的导航栏23

2.1　常见的方法24

2.1.1　选项卡25

2.1.2　通常的翻转效果26

2.2 为什么这样做不是无懈可击的26

2.2.1　堆积如山的代码26

2.2.2　不方便使用的问题27

2.2.3　可伸缩性的问题27

2.2.4　缺乏灵活性27

2.3　无懈可击的方法27

2.3.1 无样式28

2.3.2　两张小图片29

2.3.3　应用样式29

2.3.4　用浮动来解决30

2.3.5　为选项卡定形31

2.3.6　对齐背景图片32

2.3.7　增加底边34

2.3.8　悬停变换35

2.3.9　选中状态36

2.4　为什么这样做是无懈可击的36

2.5　其他示例37

2.5.1　MOZILLA.ORG37

2.5.2　斜杠38

2.5.3　ESPN.COM的搜索栏38

2.6　本章小结40

第3章　可扩展的行43

3.1　常见的方法44

3.2　为什么这样做不是无懈可击的46

3.2.1 非必要的图片46

3.2.2　固定的行高46

3.2.3　臃肿的代码47

3.3　无懈可击的方法47

3.3.1　HTML代码结构47

3.3.2　标识出各部分48

3.3.3　没有添加样式时的情形49

3.3.4　设定背景49

3.3.5　安排内容的位置50

3.3.6　消失的背景51

3.3.7　添加更多细节53

3.3.8　四个圆角55

3.3.9　文本和链接的细节56

3.3.10　最后一步58

3.4　为什么这样做是无懈可击的60

3.4.1 代码结构与设计效果的分离60

3.4.2　不再有固定不变的高度61

3.5 自适应扩展的另一个例子62

3.5.1　HTML代码63

3.5.2　创建这两张图片63

3.5.3　添加CSS64

3.5.4　EXPAND-O-MATIC66

3.6　本章小结66

第4章　巧妙的浮动69

4.1　常见的方法71

4.2　无懈可击的方法73

4.2.1　对HTML代码的无止境抉择73

4.2.2　使用定义列表74

4.2.3　HTML代码结构75

4.2.4　没有样式时的情形77

4.2.5　为外围容器增加样式78

4.2.6　标识图片79

4.2.7　应用基本的样式80

4.2.8　给图片定位84

4.2.9 反向浮动85

4.2.10　为任意长度的描述文字开路88

4.2.11 尾声93

4.2.12　切换浮动方向95

4.2.13 栏式效果97

4.2.14　一个替代用的背景101

4.3　为什么这样做是无懈可击的104

4.4　本章小结104

第5章　牢固的方框105

5.1　常见的方法106

5.2　为什么这样做不是无懈可击的109

5.3　无懈可击的方法110

5.3.1　HTML代码结构110

5.3.2　图片策略111

5.3.3　应用样式113

5.4　为什么这样做是无懈可击的116

5.5　其他圆角实现技术116

5.6　本章小结125

第6章　页面在缺失图片或CSS的情况下仍然易读127

6.1 常见的方法128

6.2 为什么这样做不是无懈可击的131

6.3　无懈可击的方法132

6.4　为什么这样做是无懈可击的133

6.5　有或者没有样式136

6.5.1 10秒钟可用性测试法136

6.5.2　常见的方法137

6.5.3　无懈可击的方法138

6.6　无懈可击的工具140

6.6.1　Favelets140

6.6.2　Web Developer Extension（Web开发者扩展）142

6.6.3　Web Accessibility工具条143

6.6.4　把校验作为一种工具143

6.7　本章小结146

第7章　可转换的表格147

7.1　常见的方法148

7.2　为什么这样做不是无懈可击的150

7.3　无懈可击的方法151

7.3.1　HTML代码结构151

7.3.2　应用样式158

7.4　为什么这样做是无懈可击的173

7.5　本章小结174

第8章　流动的布局177

8.1 常见的方法178

8.2 为什么这样做不是无懈可击的180

8.2.1　大量的代码181

8.2.2　维护的噩梦181

8.2.3　并非最佳的内容顺序181

8.3　无懈可击的方法182

8.3.1　HTML代码结构182

8.3.2　创建栏：浮动与定位183

8.3.3　应用样式185

8.3.4　Gutters189

8.3.5　栏的padding192

8.3.6　设置宽度的最大和最小值197

8.3.7　滑动伪分栏200

8.3.8　三栏布局203

8.4　为什么这样做是无懈可击的210

8.5 本章小结210

第9章　构成一个整体213

9.1 目标214

9.2　为什么这样做是无懈可击的215

9.2.1　流动的布局216

9.2.2　灵活的文字217

9.2.3　没有图片？没有CSS？也没问题217

9.3 构建过程219

9.3.1　HTML结构219

9.3.2　基本的样式221

9.3.3　布局结构221

9.3.4　侧边栏背景223

9.3.5　页头225

9.3.6　信息行227

9.3.7　栏间空白（gutter）229

9.3.8　内容栏230

9.3.9　侧边栏239

9.3.10　页脚245

9.4 针对IE的CSS调整246

9.4.1　Hack管理247

9.4.2　页脚补丁247

9.4.3　自清除问题的补丁248

9.5 本章小结249