HTML5与CSS3设计模式PDF电子书网盘下载

2021-01-28 14:25:12 小八 0点热度 1人阅读

简介:繁琐的CSS规则和各浏览器支持度的不统一素来都为网页设计师所诟病。通过多年潜心研究与深入测试,作者归纳组合出了多达350条的设计模式,并结合了HTML5与CSS3的最新内容与技巧,大大简化和丰富了设计过程。

新版加入了HTML5及CSS3全新功能,将所有的主流浏览器解决方法一网打尽,IE 6/7/8/9、Firefox 7、Chrome 12、Opera 9还有Safari 5均能适用,无需依赖浏览器兼容性技巧。多达350种立即可用的模式(包含范例代码段),仅需复制粘贴,就可应用。仿佛孩童堆积乐高,每种模式都可与其他模式契合使用,创造无穷的精美效果。模式名称显明易懂,方便查阅引用。每种模式、范例及相关代码都经过精心设计,便捷高效。模式范例与详尽说明分列左右页面,无需翻页,即可一览无余。模式讲解由浅入深,层层衔接,易于阅读。

作者:

Michael Bowers 有22年编程生涯的老牌程序员。他从14岁那年就开始自学编程,并一直勤奋不辍。

目录

第1章  设计模式:简化CSS使用  1

1.1  设计模式——结构化方法  2

1.2  使用设计模式  2

1.3  使用样式表  7

1.4  CSS语法  7

1.4.1  CSS语法详解  8

1.4.2  在CSS中使用空白字符  9

1.4.3  使用属性值  9

1.5  使用层叠顺序  12

1.6  简化层叠顺序  14

1.7  CSS和HTML链接  15

1.8  CSS常用属性  16

1.9  CSS属性与值:常用  17

1.10  CSS属性与值:内容  18

1.11  CSS属性与值:布局  19

1.12  CSS属性与值:专用  20

1.13  选择器  20

1.14  媒体查询  21

1.15  灵活尺寸单位  22

1.16  固定度量单位  22

1.17  96 dpi下度量单位的换算  23

1.18  96 dpi下的常用字号  23

1.19  过渡、动画与2D变换  23

1.20  修复CSS错误  24

1.21  样式表的规范化  26

第2章  HTML设计模式  29

2.1  概述  29

2.2  HTML结构  30

2.3  HTML结构(续)  32

2.4  XHTML  37

2.5  DOCTYPE  39

2.6  页头元素  41

2.7  条件样式表  43

2.8  结构块元素  45

2.9  终止块元素  47

2.10  多功能块元素  49

2.11  行内元素  51

2.12  类和ID属性  53

2.13  HTML空白字符  55

第3章  CSS选择器与继承  57

3.1  概述  57

3.2  类型、类和ID选择器  58

3.3  位置选择器和选择器分组  60

3.4  属性选择器  62

3.5  伪元素选择器  64

3.6  伪类选择器  66

3.7  子类选择器  68

3.8  继承  70

3.9  可视化继承  72

第4章  框模型  75

4.1  概述  75

4.2  Display  76

4.3  框模型  78

4.4  行内框  80

4.5  行内块级框  82

4.6  块级框  84

4.7  表格框  86

4.8  绝对框  88

4.9  浮动框  90

第5章  框模型的范围  93

5.1  概述  93

5.2  宽度  94

5.3  高度  96

5.4  设定尺寸  98

5.5  收缩适应  100

5.6  拉伸  102

第6章  框模型属性  105

6.1  概述  105

6.2  外边距  106

6.3  边框  108

6.4  内边距  111

6.5  背景  113

6.6  溢出  115

6.7  可见性  117

6.8  分页符  119

第7章  定位模型  121

7.1  概述  121

7.2  定位模型  122

7.3  设定位置  124

7.4  最近定位祖先元素  126

7.5  堆叠上下文  128

7.6  原子显示  130

7.7  静态定位  132

7.8  绝对定位  134

7.9  固定定位  136

7.10  相对定位  138

7.11  浮动定位与复位  140

7.12  相对浮动定位  142

第8章  定位方式:缩进、偏移与对齐  145

8.1  概述  145

8.2  缩进  146

8.3  静态偏移  148

8.4  静态表格偏移与缩进  150

8.5  浮动偏移  152

8.6  绝对偏移与固定偏移  154

8.7  相对偏移  156

8.8  静态行内对齐  158

8.9  静态块级对齐与偏移  160

8.10  静态表格对齐与偏移  162

8.11  绝对对齐与偏移  164

8.12  绝对居中对齐  166

8.13  外部对齐  168

第9章  高级定位  171

9.1  概述  171

9.2  左对齐  172

9.3  左偏移  174

9.4  右对齐  176

9.5  右偏移  178

9.6  居中对齐  180

9.7  居中偏移  182

9.8  上对齐  184

9.9  上偏移  186

9.10  下对齐  188

9.11  下偏移  190

9.12  垂直居中对齐  192

9.13  垂直居中偏移  194

第10章  设置文字样式  197

10.1  概述  197

10.2  字体  198

10.3  高亮显示  200

10.4  文字修饰  202

10.5  文字阴影  204

10.6  使用图片替换文字  206

10.7  使用Canvas和VML替换文字  208

10.8  嵌入字体  210

10.9  不可见文字  212

10.10  仅供屏幕阅读器读取  214

第11章  内容间隔  217

11.1  间隔  218

11.2  块级化  220

11.3  不换行  222

11.4  保留空格  224

11.5  代码  226

11.6  填充内容  228

11.7  行内分隔区  230

11.8  行内装饰  232

11.9  换行  234

11.10  行内水平线规则  236

第12章  内容对齐  239

12.1  文字缩进  240

12.2  悬挂缩进  242

12.3  水平对齐内容  244

12.4  垂直对齐内容  246

12.5  垂直偏移内容  248

12.6  下标与上标  250

12.7  嵌套对齐  252

12.8  高级对齐示例  254

第13章  块级元素  257

13.1  概述  257

13.2  结构含义  258

13.3  可视化结构  260

13.4  节  262

13.5  列表  264

13.6  项目符号背景  266

13.7  行内化  268

13.8  合并外边距  270

13.9  插入  272

13.10  水平线规则  274

13.11  块级分隔区  276

13.12  块级间隔删除器  278

13.13  左旁注  280

13.14  右旁注  282

第14章  图片  285

14.1  概述  285

14.2  图片  286

14.3  图片地图  288

14.4  淡出  290

14.5  半透明  292

14.6  替换文字  294

14.7  内容覆盖图片  296

14.8  内容覆盖背景图片  298

14.9  CSS精灵图  300

14.10  CSS精灵图(续)  302

14.11  基本阴影图片  304

14.12  阴影图片  306

14.13  阴影图片(续)  308

14.14  阴影图片(再续)  310

14.15  圆角  312

14.16  圆角(续)  314

14.17  图片示例  316

第15章  表格  319

15.1  概述  319

15.2  表格  320

15.3  行组与列组  322

15.4  表格选择器  324

15.5  拆分边框  326

15.6  合并边框  328

15.7  合并边框样式  330

15.8  隐藏与删除单元格  332

15.9  删除与隐藏行和列  334

15.10  垂直对齐数据  336

15.11  表格条纹  338

15.12  表格化、行化和单元格化  340

15.13  表格布局  342

第16章  表格列布局  345

16.1  表格布局模型  345

16.2  使用列布局  346

16.3  概述  346

16.4  列宽  348

16.5  收缩适应列  350

16.6  设定尺寸列  352

16.7  按内容比例划分列  354

16.8  按宽度比例划分列  356

16.9  按百分比比例划分列  358

16.10  按反比例划分列  360

16.11  最小等宽列  362

16.12  等宽列  364

16.13  小尺寸列  366

16.14  弹性列  368

16.15  混合列布局  370

第17章  布局  373

17.1  概述  373

17.2  流动布局概述  374

17.3  由外而内框  376

17.4  浮动节  380

17.5  浮动分隔区  382

17.6  流动布局  384

17.7  两侧浮动  386

17.8  事件样式  388

17.9  卷起  390

17.10  选项卡菜单  394

17.11  选项卡  398

17.12  飞出菜单  402

17.13  按钮  406

17.14  布局链接  410

17.15  多列布局  412

17.16  模板布局  414

17.17  布局示例  416

第18章  首字下沉  419

18.1  概述  419

18.2  对齐首字下沉  420

18.3  首字母下沉  422

18.4  悬挂首字下沉  424

18.5  嵌入式图片下沉  426

18.6  浮动首字下沉  428

18.7  浮动图片下沉  430

18.8  旁注式首字下沉  432

18.9  旁注式图片下沉  434

第19章  突出引用与普通引用  437

19.1  概述  437

19.2  左浮动突出引用  438

19.3  右浮动突出引用  440

19.4  居中突出引用  442

19.5  左旁注突出引用  444

19.6  右旁注突出引用  446

19.7  块级普通引用  448

19.8  行内块级普通引用  450

19.9  行内普通引用  452

第20章  警告框  455

20.1  概述  455

20.2  JavaScript警告框  456

20.3  工具提示警告框  458

20.4  弹出式警告框  460

20.5  弹出式警告框(续)  462

20.6  警告框  464

20.7  行内警告框  466

20.8  悬挂式警告框  468

20.9  图片警告框  470

20.10  插入警告框  472

20.11  浮动警告框  474

20.12  左旁注警告框  476

20.13  右旁注警告框  478

20.14  表单验证  480