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

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

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

第1章 灵活的文字1

1.1常见的方法2

1.2权衡我们的选择5

1.2.1长度单位6

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

1.2.3百分比值6

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

1.3无懈可击的方法7

1.3.1关键字7

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

1.3.3需要解决的两个问题9

1.3.4简化的Box Model Hack11

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

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通过Em实现灵活的文字21

1.8本章小结23

第2章 可伸缩的导航栏25

2.1常见的方法26

2.1.1功能强大的选项卡27

2.1.2通常的翻转效果28

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

2.2.1堆积如山的代码28

2.2.2不方便使用29

2.2.3可伸缩性的问题29

2.2.4缺乏灵活性29

2.3无懈可击的方法29

2.3.1无样式的导航列表30

2.3.2两幅小图片31

2.3.3应用样式31

2.3.4采用浮动来解决问题32

2.3.5为选项卡定形33

2.3.6对齐背景图片34

2.3.7增加底边36

2.3.8悬停变换37

2.3.9选中状态38

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

2.5通过Em来实现39

2.6其他示例41

2.6.1 MOZILLA.ORG41

2.6.2斜杠41

2.6.3 ESPN.COM的搜索栏42

2.7本章小结44

第3章 可扩展的行45

3.1常见的方法46

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

3.2.1非必要的图片48

3.2.2固定的行高48

3.2.3臃肿的代码49

3.3无懈可击的方法49

3.3.1 HTML代码结构49

3.3.2标识出各部分50

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

3.3.4设定背景52

3.3.5安排内容的位置52

3.3.6消失的背景54

3.3.7添加更多细节55

3.3.8四个圆角58

3.3.9文本和链接的细节59

3.3.10最后一步61

3.3.11针对IE7进行的修改63

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

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

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

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

3.5.1 HTM L代码67

3.5.2创建这两张图片67

3.5.3添加CSS68

3.5.4自动扩展70

3.6本章小结70

第4章 巧妙的浮动73

4.1常见的方法75

4.2为什么这么做不是无懈可击的76

4.3无懈可击的方法77

4.3.1对HTML代码无止境的抉择77

4.3.2使用定义列表78

4.3.3 HT ML代码结构79

4.3.4没有样式时的情形81

4.3.5为外围容器增加样式81

4.3.6标识图片82

4.3.7应用基本的样式83

4.3.8给图片定位87

4.3.9反向浮动88

4.3.10为任意长度的描述文字做准备91

4.3.11浮动自清除92

4.3.12尾声96

4.3.13切换浮动方向99

4.3.14表格效果101

4.3.15更换背景图片104

4.3.16其他清除浮动元素的方法107

4.3.17通过内容生成来轻松处理清除108

4.4为什么这样做是无懈可击的112

4.5本章小结112

第5章 牢固的方框113

5.1常见的方法114

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

5.3无懈可击的方法118

5.3.1 HTML代码结构118

5.3.2图片策略119

5.3.3应用样式121

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

5.5其他圆角实现技术124

5.6提示框133

5.6.1圆角提示136

5.6.2无懈可击的箭头137

5.6.3 CSS中的限制孕育了技术上的创新138

5.7本章小结139

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

6.1常见的方法142

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

6.3无懈可击的方法146

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

6.5使用样式或禁用样式150

6.5.1 10秒钟可用性测试法150

6.5.2常见的方法151

6.5.3无懈可击的方法152

6.6 Dig Dug测试154

6.7无懈可击的工具155

6.7.1 Favelets155

6.7.2 Web Developer Extension157

6.7.3 Web Accessibility 工具条158

6.7.4 FIREBUB158

6.7.5把检验作为一种工.具159

6.8本章小结162

第7章 可转换的表格165

7.1常见的方法166

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

7.3无懈可击的方法169

7.3.1 HTML代码结构169

7.3.2应用样式175

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

7.5本章小结192

第8草 流动布局和弹性布局196

8.1常见的方法196

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

8.2.1大量的代码199

8.2.2噩梦般的维护工作199

8.2.3并非最佳的内容顺序199

8.3无懈可击的方法200

8.3.1 HTML代码结构200

8.3.2创建栏：浮动与定位201

8.3.3应用样式203

8.3.4 gutter207

8.3.5栏的留白210

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

8.3.7滑动人造栏218

8.3.8三栏布局222

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

8.5基于Em的布局230

8.5.1一个弹性布局的例子231

8.5.2 HTML代码232

8.5.3 CSS234

8.5.4一致性是最理想的237

8.5.5注意滚动条237

8.6本章小结238

第9章 构成一个整体239

9.1目标240

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

9.2.1流动的布局241

9.2.2灵活的文字242

9.2.3即使没有图片和（或）CSS，页面也没问题243

9.2.4国际化245

9.3构建过程245

9.3.1 HTML代码结构246

9.3.2基本的样式248

9.3.3布局结构248

9.3.4侧边栏背景249

9.3.5页头251

9.3.6信息行254

9.3.7 gutter256

9.3.8内容栏257

9.3.9侧边栏266

9.3.10页脚272

9.4针对IE的CSS调整273

9.4.1 hack管理274

9.4.2页脚补丁275

9.4.3自清除问题的补丁275

9.5本章小结276

网友评论精选277