HTML5+CSS3网页布局和样式精粹PDF|Epub|txt|kindle电子书版本网盘下载

HTML5+CSS3网页布局和样式精粹PDF格式电子书版下载

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

第Ⅰ篇HTML篇3

第1章 认识HTML和CSS——建立首要的、基础的正确认知3

1.1什么是标签语言4

1.2什么是SGML5

1.2.1 SGML的应用5

1.2.2 SGML的目标5

1.2.3 SGML的优点6

1.3 HTML和CSS的历史6

1.3.1 HTML和CSS规范的制定者——W3C7

1.3.2 HTML的历史版本8

1.3.3 CSS的历史版本9

1.3.4标准、规范和实现10

巩固与自测11

第2章HTML文档编写规范和基本结构13

2.1创建第一个网页14

2.2 HTML文档的基本结构17

2.2.1文档类型声明17

2.2.2 ﹤html﹥﹤/html﹥标签对17

2.2.3 ﹤head﹥﹤/head﹥标签对17

2.2.4 ﹤body﹥﹤/body﹥标签对18

2.3使用HTML5元素和属性18

2.3.1标签18

2.3.2元素和元素的形式19

2.3.3属性的定义20

2.3.4属性值的定义20

2.3.5元素和属性的大小写规范21

2.4全局属性22

2.5字符引用24

2.5.1字符数字引用26

2.5.2字符实体引用26

2.6为文档添加注释27

2.7关于空白和空白字符27

2.7.1关于断行符28

2.7.2空白字符28

巩固与自测29

第3章HTML文档的头部和元数据定义31

3.1定义标题（title元素）32

3.2怎样定义元数据32

3.2.1定义元数据关键字32

3.2.2元数据的语言信息32

3.2.3元数据的其他定义方法33

3.3用于搜索引擎的标准元数据和用于Web应用程序标示的标准元数据33

3.3.1定义编辑工具34

3.3.2定义关键字34

3.3.3定义概要描述34

3.3.4定义应用程序名34

3.4声明文档字符编码35

3.5实用元数据（属性http-equiv）35

3.5.1设置网页内容类型和字符集35

3.5.2设置网页所使用的语言36

3.5.3设置网页定时跳转36

3.5.4设置网页Cookie存活时间36

3.5.5设置网页默认样式表36

3.5.6设置网页禁用浏览器缓存37

3.5.7设置网页到期37

3.5.8设置网页框架目标38

3.5.9设置网页转场效果38

3.5.10设置网页分级38

巩固与自测39

第4章 段落与文字41

4.1段落和行42

4.1.1段落（p元素）42

4.1.2控制换行（br元素和wbr元素）42

4.1.3连字符43

4.1.4预格式化文本（pre元素）43

4.2标记文章改变（ins元素和del元素）44

4.3基本文字格式（i，b，small，s）45

4.3.1 small元素46

4.3.2 s元素46

4.4加入水平分割线（hr元素）47

4.5语义化、结构化的文本47

4.5.1用于强调的短语元素（em元素和strong元素）48

4.5.2下标和上标（sub元素、sup元素）48

4.5.3注音显示（ruby、rt、rp元素）49

4.5.4引用（blockquote元素、q元素）50

4.5.5标注（cite元素）51

4.5.6用于缩写的短语元素（abbr元素）52

4.5.7用于定义术语的元素（dfn元素）52

4.5.8用于定义计算机代码片段的元素（code元素）53

4.5.9其他短语元素（samp、kbd、var元素）53

4.5.10突出显示文本（mark元素）54

4.5.11定义日期时间（time元素）55

固与自测55

第5章 建立列表57

5.1创建列表58

5.1.1有序列表（ol元素）58

5.1.2无序列表（ul元素）58

5.1.3解说列表（dl元素、dt元素、dd元素）59

5.1.4嵌套列表59

5.2自定义有序列表60

5.2.1定制有序列表中的序号（type属性）60

5.2.2定制有序列表中的列表项的起始数（start属性）61

5.2.3反转序号值（reversed属性）61

5.2.4定制有序列表中的列表项序号的数值（value属性）62

巩固与自测62

第6章 建立超链接65

6.1链接的基础知识66

6.2使用a元素定义超链接67

6.2.1定义链接的目标URI（href属性）67

6.2.2定义链接的目标窗口（target属性）67

6.2.3定义链接的提示信息（title属性）68

6.2.4国际化和链接（hreflang属性）68

6.2.5链接到电子邮件地址69

6.2.6链接到任何类型的文件以供下载69

6.2.7链接关系（rel属性）70

6.2.8链接介质（media属性）70

6.3定义书签和链接到书签71

6.3.1定义命名锚点（id属性）72

6.3.2链接到命名锚点73

6.4文档关系链接（link元素）73

6.4.1定义文档关系链接的地址（href属性）73

6.4.2定义链接关系（rel属性）73

6.4.3链接到外部样式表75

6.4.4使用link元素说明文档集合关系75

6.4.5链接到替代版本77

6.4.6链接到版权声明78

6.4.7链接到帮助78

6.4.8为文档指示一个图标78

6.4.9使用pingback实现引用计数79

6.4.10声明可作为搜索的资源80

6.5定义基准地址（base元素）80

6.5.1使用基准URI80

6.5.2用户浏览器如何决定相对URI81

6.5.3定义基准链接目标窗口（target属性）81

巩固与自测82

第7章 链入图片和创建热点区域85

7.1链入图片（img元素）86

7.1.1图片的源地址（src属性）86

7.1.2图片的幅面大小（width属性和height属性）86

7.1.3图片的说明（title属性）87

7.1.4图片的备用说明（alt属性）88

7.2使用figure元素和figcaption元素为图片声明标题88

7.3为图片建立超链接（img元素）90

7.4创建图像映射90

7.4.1了解热点和图像映射90

7.4.2关于客户端图像映射和服务端图像映射91

7.4.3创建图像映射（map元素、area元素）91

7.4.4创建服务端图像映射94

7.4.5客户端图像映射和服务端图像映射混合95

巩固与自测96

第8章HTML5视频和音频99

8.1在网页中使用视频——video元素100

8.1.1视频格式100

8.1.2属性101

8.1.3全兼容设置102

8.2使用source元素102

8.3在网页中使用音频——audio元素103

巩固与自测105

第9章 链入内联框架、对象和其他多媒体元素107

9.1内联框架（iframe元素）108

9.1.1设置框架的初始内容108

9.1.2为框架定义标识以作为目标框架（name属性）109

9.1.3目标的优先级110

9.1.4目标名称和框架标识110

9.1.5沙盒安全限制111

9.1.6无缝嵌入112

9.2使用obj ect元素链入对象112

9.2.1使用通用的链入方法（object元素）112

9.2.2渲染对象的规则113

9.2.3内联数据vs.外部数据114

9.2.4对象初始化（param元素）115

9.2.5对象的宽度和高度116

9.2.6定义替换文本116

9.3使用object元素创建图像映射116

9.4使用embed元素链入多媒体对象116

巩固与自测117

第10章 使用表格119

10.1创建表格120

10.1.1创建表格的基本语法（table元素、tr元素、th元素、td元素）120

10.1.2表格的描述（summa属性）121

10.2表格的标题（caption元素）121

10.3设置单元格（th元素、td元素）122

10.3.1使用th元素和td元素定义单元格122

10.3.2跨多行、多列的单元格124

10.4表格的按行分组显示（thead元素、tfoot元素、tbody元素）126

10.5表格的按列分组显示（colgroup元素、col元素）128

10.5.1创建列分组（colgroup元素、col元素）128

10.5.2使用span属性指定列分组129

巩固与自测129

第11章 建立HTML5新式表单131

11.1认识和建立HTML表单132

11.1.1建立表单（form元素）132

11.1.2了解控件133

11.2使用input元素创建表单控件134

11.2.1简单文本框135

11.2.2创建复选框136

11.2.3创建单选按钮136

11.2.4创建提交按钮137

11.2.5创建重置按钮138

11.2.6创建图形按钮138

11.2.7创建普通按钮139

11.2.8创建文件选择框139

11.2.9创建隐藏控件140

11.2.10执行数据验证功能的控件140

11.2.11新功能属性144

11.3使用button元素创建按钮148

11.4组合框控件和列表框控件149

11.4.1创建组合框控件和列表框控件150

11.4.2成组选项151

11.4.3关于预先选定的选项152

11.5创建多行文本框（textarea元素）152

11.6输入框的选项列表153

11.7密钥对生成器153

11.8输出结果控件154

11.9运行进度条控件155

11.10等级标量条控件155

11.11为表单控件定义标签（label元素）157

11.11.1显式关联157

11.11.2隐式关联158

11.12为表单添加结构（fieldset元素和legend元素）159

11.13设置禁用控件和设置只读控件160

11.13.1设置禁止控件160

11.13.2设置只读控件161

11.14表单提交161

11.14.1表单提交的方法161

11.14.2表单重写属性162

11.14.3结果良好的控件163

11.14.4浏览器怎样发送表单数据164

11.14.5表单内容的类型164

巩固与自测166

第12章 在网页中使用JavaScript脚本语言实现动态效果167

12.1在HTML文档中使用脚本代码168

12.1.1使用script元素定义脚本代码168

12.1.2在事件属性值中定义脚本170

12.1.3在超链接中定义脚本171

12.2浏览器不支持脚本时应注意的问题172

12.3关于DHTML173

巩固与自测173

第13章 在网页上实现动态绘图——Canvas、SVG和MathML175

13.1使用Canvas绘图的基本步骤176

13.1.1绘制第一幅图176

13.1.2理解坐标177

13.2使用Canvas实现动画的方法177

13.3使用外部元素绘图——SVG和MathML178

13.3.1使用svg元素呈现SVG矢量图178

13.3.2使用math元素呈现MathML数学符号和公式179

13.3.3关于使用CDATA段181

巩固与自测181

第14章 使用结构元素构建网页布局183

14.1文档结构元素184

14.1.1文章语义——article、header、footer元素184

14.1.2内容区块语义——section元素187

14.1.3侧栏和导航188

14.2标题和标题组合189

14.3 ﹤address﹥元素190

14.4浏览器兼容191

巩固与自测192

第15章 离线网络应用程序——文件缓存193

15.1使用离线应用194

15.1.1创建离线应用网页及网页中要引用的资源194

15.1.2创建清单文件195

15.1.3测试离线应用195

15.1.4更新离线存储195

15.2缓存清单文件格式196

15.2.1定义要缓存文件197

15.2.2备抵机制198

15.2.3在线白名单198

15.2.4注释199

巩固与自测199

第16章 HTML网页呈现和网页国际化201

16.1指定文档内容的自然语言（lang属性）202

16.1.1语言代码的指定202

16.1.2语言代码的继承203

16.2定义文本和表格的方向204

16.2.1 Unicode规范定义的文本字符方向204

16.2.2 Unicode双向运算法则205

16.2.3文本方向的继承206

16.2.4使用bdo元素忽略双向运算法则207

16.2.5表格的方向208

巩固与自测209

第17章 丰富的交互操作功能211

17.1将焦点移到某个元素上212

17.1.1使用Tab键导航212

17.1.2使用热键导航213

17.2内容可编辑214

17.3菜单215

17.3.1 menu元素和command元素215

17.3.2创建上下文菜单216

17.3.3定义命令217

17.4拖放功能218

17.5隐藏元素内容220

17.6拼写和语法检查221

17.7关闭、打开式交互面板（details元素和summa元素）221

巩固与自测222

第18章 使用XML语法格式编写HTML5网页225

18.1使用XML语法编写HTML5文档226

18.2 XML语法格式和HTML语法格式的不同231

18.3 XHTML 1.0和HTML5的区别235

巩固与自测235

第Ⅱ篇CSS篇239

第19章CSS语言基础——CSS的使用和基本语法239

19.1创建第一个使用CSS的网页240

19.2在HTML文档中应用CSS的全部方法241

19.2.1嵌入式241

19.2.2外部引用式243

19.2.3内联式244

19.3 CSS语法书写标准及功能246

19.3.1规则块246

19.3.2＠规则246

19.3.3规则集248

19.3.4注释250

19.3.5字符和大小写251

19.4关键字和字符串252

19.4.1客户端浏览器特定的扩展252

19.4.2字符串253

巩固与自测254

第20章CSS语言基础——CSS属性值的规范257

20.1属性值的数据类型和数据单位258

20.1.1长度（Length）258

20.1.2百分比值260

20.1.3关键字和字符串值261

20.1.4颜色261

20.1.5其他数据类型264

20.2函数265

20.2.1 attr（）函数265

20.2.2 url（）函数266

20.2.3 counter（）函数268

20.2.4 calc（）函数268

20.3属性值的计算步骤268

20.3.1指定值269

20.3.2计算值269

20.3.3使用值269

20.3.4实际值269

20.4属性的继承270

巩固与自测271

第21章CSS语言基础——CSS的选择符语法273

21.1简单选择符274

21.1.1类型（Type）选择符275

21.1.2通用选择符275

21.2派生选择符275

21.3子选择符276

21.4相邻同级选择符277

21.5相邻同级连续选择符277

21.6属性选择符和类选择符278

21.6.1属性选择符278

21.6.2类选择符280

21.6.3匹配子集280

21.7 ID选择符281

21.8伪元素和伪类282

21.9使用CSS命名空间282

21.9.1@namespace规则282

21.9.2使用命名空间限定选择符283

21.10群选择符283

21.11选择符的大小写规定284

21.12 HTML基于节点树的表现形式284

巩固与自测285

第22章CSS盒子模型287

22.1基本的BOX概念288

22.1.1 BOX幅面大小的计算289

22.1.2改变BOX幅面大小的计算方式290

22.1.3 BOX容器290

22.2BOX模型样式属性291

22.2.1定义边距大小291

22.2.2定义衬距大小292

22.2.3定义边框——粗细、颜色、样式293

22.2.4定义边框圆角296

22.2.5以9切片图片修饰边框297

22.3 BOX外廓301

22.3.1对比外廓和边框301

22.3.2定义外廓的属性301

22.4 BOX阴影效果303

22.4.1阴影的基本使用方法303

22.4.2多重阴影效果304

22.4.3浏览器兼容性306

巩固与自测306

第23章CSS盒子的类型309

23.1了解块级元素和行内级元素310

23.1.1块级元素和行内级元素的不同310

23.1.2关于div元素和span元素310

23.2 BOX类型和display属性311

23.2.1 HTML元素默认的BOX类型313

23.2.2了解视点和BOX容器314

23.2.3块级元素和块级BOX315

23.2.4行内级元素和行内级BOX316

23.2.5插入式BOX317

23.3可视性317

巩固与自测318

第24章 正文颜色和背景321

24.1定义文字颜色322

24.2定义背景322

24.2.1背景颜色（background-color）322

24.2.2背景图片（background-image）323

24.2.3背景重复方式（background-repeat）324

24.2.4背景滚动模式（background-attachment）325

24.2.5背景定位（background-origin）327

24.2.6背景裁剪（background-clip）328

24.2.7背景图片大小（background-size）329

24.2.8背景图片初始位置（background-position）331

24.2.9快捷方式属性（background）333

24.3定义透明度（opacity）334

巩固与自测335

第25章 字体和文本337

25.1字体和字体组合338

25.1.1字体组合338

25.1.2字体名组合339

25.1.3通用字体组合339

25.2字体设置340

25.2.1字体样式340

25.2.2字体变体341

25.2.3字体粗细342

25.2.4字体大小343

25.2.5快捷方式属性344

25.2.6字体变形拉伸346

25.2.7字体大小调整346

25.3使用＠font-face规则定义字体348

25.3.1引用字体348

25.3.2定义字体功能350

25.3.3定义字符范围350

25.4文本（字符、行和段落）设置350

25.4.1文本缩进351

25.4.2对齐351

25.4.3修饰353

25.4.4字母间距和单词间距355

25.4.5大小写字母转换357

25.4.6文本阴影357

25.4.7文本方向和Unicode双向运算法则358

25.5处理空白和换行359

25.5.1空白处理模型360

25.5.2包含空白字符交叠的双向运算361

25.5.3控制字符和字符结合361

25.5.4中日韩文字换行的断点361

25.5.5非中日韩文字换行的断点362

25.5.6文字溢出时的换行规则362

巩固与自测363

第26章 伪元素、伪类选择符和动态生成内容365

26.1伪元素和伪类的基本特征和语法规则366

26.1.1伪元素和伪类的基本特征366

26.1.2伪元素和伪类的语法规则366

26.2结构性伪类367

26.3动态和链接相关的伪类371

26.3.1链接伪类（：ink和：visited）371

26.3.2动态伪类（：hover、：active和：focus）371

26.3.3动态外廓和焦点372

26.3.4光标373

26.4语言伪类：lang）374

26.5目标伪类375

26.6 UI元素状态伪类375

26.7求反伪类376

26.8首行和首字符伪元素376

26.8.1首行伪元素（：：first-line）377

26.8.2首字符伪元素（：：first-letter）379

26.9用于插入内容的伪元素383

26.9.1使用：：before和：：after伪元素383

26.9.2content属性385

26.9.3引号386

巩固与自测388

第27章 为列表定义样式391

27.1列表相关属性392

27.1.1列表样式和类型（list-style-image和list-style-type）392

27.1.2列表符号位置（list-style-position）395

27.1.3属性list-style396

27.1.4嵌套列表的呈现396

27.1.5对li元素使用列表样式397

27.2自动计数和编号397

27.2.1嵌套的计数器和范围399

27.2.2计数器样式401

巩固与自测402

第28章 溢出和裁剪403

28.1溢出405

28.2裁剪408

巩固与自测410

第29章 动态效果——过渡效果和2D转换411

29.1 2D转换效果412

29.1.1指定转换操作412

29.1.2指定转换的起点414

29.2过渡效果414

29.2.1使用过渡效果414

29.2.2浏览器支持416

29.2.3可以过渡的样式属性417

巩固与自测418

第30章CSS盒子的定位和定位方式419

30.1定位方式420

30.1.1选择定位方式420

30.1.2盒子偏移量421

30.1.3属性display、position和float之间的关系421

30.2正常流向422

30.2.1块级格式化环境422

30.2.2行内级格式化环境423

30.2.3相对定位426

30.3浮动定位及包含块427

30.3.1定义float属性427

30.3.2基本的浮动定位427

30.3.3浮动定位的规则428

30.3.4控制相邻的浮动排列429

30.4绝对定位及包含块430

30.4.1绝对定位431

30.4.2包含块431

30.4.3固定定位433

30.5分层呈现435

巩固与自测437

第31章CSS中布局盒子的计算439

31.1替换元素和非替换元素440

31.2内容的宽度440

31.2.1宽度和边距的计算441

31.2.2宽度的最大值和最小值443

31.3内容的高度444

31.3.1高度和边距的计算444

31.3.2高度的最大值和最小值446

31.3.3行高的计算447

31.4重置幅面大小449

巩固与自测450

第32章 使用CSS布局表格451

32.1 CSS表格模型453

32.2列456

32.3可视化格式模型中的表格457

32.4表格内容的可视布局458

32.4.1表格的层和透明性459

32.4.2表格宽度的算法461

32.4.3表格高度的算法463

32.4.4列中的水平对齐465

32.4.5动态行和动态列效果465

32.5边框的呈现465

32.5.1分离式边框模型465

32.5.2交叠的边框模型468

32.5.3边框样式472

巩固与自测473

第33章 将样式表应用于不同介质475

33.1关于网页呈现的介质476

33.2为样式表定义适用的介质类型476

33.2.1使用style元素的media属性476

33.2.2使用＠import规则477

33.2.3使用＠media规则477

33.2.4使用link元素的media属性478

33.2.5使用处理指令478

33.2.6基于介质的层叠478

33.3了解介质类型描述符479

33.4 CSS3介质查询模块480

巩固与自测482

第34章利用CSS分页显示和打印483

34.1页面BOX484

34.1.1页面大小484

34.1.2页面边距485

34.1.3页面选择符485

34.1.4声明和引用页面BOX486

34.1.5在页面上处理图像486

34.1.6页面BOX之外的内容488

34.2边距BOX489

34.3分页490

34.3.1用于分页的属性490

34.3.2元素内的分割491

34.3.3允许分页的位置491

34.3.4分页的规则492

34.3.5强制分页492

34.3.6最优的分页492

巩固与自测493

第35章HTML文档设置和CSS的层叠规则495

35.1 HTML文档设置和样式表类型496

35.1.1可替换样式表497

35.1.2用户浏览器禁用样式表功能498

35.1.3指定外部样式表499

35.2 CSS样式的层叠顺序500

35.2.1使用！important规则提升权重500

35.2.2计算选择符的特殊性501

35.2.3继承和层叠502

35.2.4层叠样式表文件502

35.2.5使用HTTP消息报头链接到样式表503

35.2.6分页环境中选择符的特殊性503

35.3有关非CSS呈现的优先顺序的提示504

巩固与自测505

附录A input元素type属性值与input元素属性匹配索引507

附录B HTML常用自然语言及语言代码对照表509

附录C常用字符集（charset）速查表511

附录D颜色名称关键字513

D.1 HTML 4.0颜色名称关键字513

D.2 SVG颜色名称关键字513

D.3 currentColor颜色名称关键字517

D.4 transparent颜色名称关键字517

D.5客户端系统的颜色配置518

D.6 flavor关键字519

附录E关于网页安全色521

附录F语音相关的样式属性523

附录G自测题答案525