HTML5+CSS3王者归来2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5+CSS3王者归来PDF格式电子书版下载

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

第一篇 HTML5完整学习3

第1章 HTML5的历史3

1-1 认识HTML3

1-2 蒂姆·伯纳斯－李（Tim Berners Lee）3

1-3 HTML历史上的3个重要协会4

1-4 HTML的发展史5

1-5 HTML开发中的插曲XHTML6

1-6 HTML与浏览器的兼容问题6

第2章 HTML5从零开始8

2-1 HTML5与HTML 4.018

2-2 HTML文件结构8

2-2-1 大小写皆可8

2-2-2 文件声明doctype8

2-2-3 ＜html＞…＜/html＞8

2-2-4 ＜head＞…＜/head＞9

2-2-5 ＜body＞…＜/body＞9

2-3 认识HTML基本元素9

2-4 HTML标记类型10

2-5 我的第一个HTML文件10

2-5-1 编辑我的第一个HTML文件10

2-5-2 执行我的第一个HTML文件11

2-5-3 Notepad++++11

2-6 解析我的第一个HTML文件12

2-6-1 ＜meta＞元素12

2-6-2 ＜title＞元素13

2-6-3 文件主体13

2-7 HTML文件的批注14

习题14

第3章 HTML文件输出的基本知识16

3-1 浏览器处理数据的输出16

3-2 标题输出＜hn＞元素16

3-3 换行输出＜br＞元素17

3-4 保持原始文件样式＜pre＞元素17

3-5 水平线＜hr＞元素18

3-6 段落＜p＞元素18

3-7 文件某个区域＜section＞元素19

3-8 页首＜header＞元素19

3-9 页尾＜footer＞元素20

3-10 粗体显示＜b＞和＜strong＞元素20

3-11 斜体＜em＞和＜i＞元素21

3-12 引用＜cite＞、＜q＞和＜blockquote＞元素21

3-13 加上底纹＜mark＞元素22

3-14 小型字＜small＞元素22

3-15 显示与计算机有关联的文字＜kbd＞、＜samp＞、＜var＞和＜code＞元素22

3-16 定义缩写＜abbr＞元素23

3-17 定义用语＜dfn＞元素23

3-18 内容新增与删除＜ins＞和＜del＞元素24

3-19 隔离双向文字走向＜bdi＞元素24

3-20 指定文字走向＜bdo dir＝“direction”＞…＜/bdo＞25

3-21 标示注音或拼音＜ruby＞、＜rt＞和＜rp＞元素25

3-22 上标＜sup＞和下标＜sub＞元素26

3-23 输出特殊字符26

3-24 HTML的树状结构27

3-25 HTML5不再支持的元素与属性设定28

习题29

第4章 设计含超链接的网页31

4-1 ＜a＞…＜/a＞的基本应用31

4-2 浏览脉络的设定31

4-3 从一个文件跳到另一个文件32

4-3-1 超链接的HTML文件在同一个文件夹32

4-3-2 超链接的文件在子文件夹34

4-3-3 超链接的文件在父文件夹34

4-3-4 绝对路径35

4-4 同一个HTML文件中的超链接35

4-5 设定联络信息＜address＞元素36

4-6 链接到电子邮件信箱37

4-7 引用短文的实例＜cite＞元素与超链接的应用38

4-8 指定基准的URL38

习题39

第5章 制作项目列表41

5-1 点符列表41

5-2 有编号的项目列表41

5-3 设定有编号项目列表的起始编号42

5-4 更改项目列表的连续编号43

5-5 更改项目列表的编号种类43

5-6 项目列表编号递减的应用44

5-7 自定义清单45

习题45

第6章 设计表格47

6-1 表格的基本元素47

6-2 表格框线的border属性47

6-3 建立表头＜thead＞和＜th＞元素48

6-4 建立表格本体＜tbody＞元素48

6-5 建立表尾＜tfoot＞元素49

6-6 合并横向单元格colspan属性49

6-7 合并纵向单元格rowspan属性50

6-8 表格的标题＜caption＞元素51

6-9 单元格的群组化＜colgroup＞和＜col＞元素51

6-10 表格与超链接的混合应用52

习题53

第7章 嵌入图片55

7-1 嵌入图片＜img＞元素55

7-2 标示文件标题＜figure＞和＜figcaption＞元素56

7-3 制作响应图56

7-3-1 建立地图＜img＞56

7-3-2 响应图＜map＞57

7-3-3 定义响应图的链接区域＜area＞57

7-4 在表格内嵌入图片58

7-5 设计图片的超链接59

7-6 将图片作为项目符号60

7-7 简易编排嵌入图片与文字61

7-8 GIF动画62

习题63

第8章 设计多媒体网页65

8-1 播放影片＜video＞元素65

8-2 播放声音＜audio＞元素68

8-3 指定多个播放文件＜source＞元素70

8-4 为影片加入字幕功能＜track＞元素72

8-4-1 认识与建立WebVTT文件73

8-4-2 HTML5 Video Caption Maker74

8-4-3 为影片加字幕的实例75

8-5 嵌入资源文件＜embed＞元素77

8-6 嵌入对象＜object＞元素78

8-7 设定嵌入对象的参数＜param＞元素79

8-8 建立嵌入的浮动框架＜iframe＞元素80

习题82

第9章 制作输入表单84

9-1 制作输入表单＜form＞元素84

9-2 制作表单组件＜input＞元素85

9-2-1 制作提交按钮submit属性值88

9-2-2 制作重设按钮reset属性值89

9-2-3 制作单行输入的文本框text属性值89

9-2-4 制作可输入密码的文本框password属性值90

9-2-5 制作搜索框search属性值91

9-2-6 制作图片按钮image属性值91

9-2-7 制作输入电话号码的文本框tel属性值92

9-2-8 制作输入电子邮件字段的文本框email属性值92

9-2-9 制作输入URL的文本框url属性值92

9-2-10 制作单选按钮radio属性值93

9-2-11 制作复选框checkbox属性值94

9-2-12 制作数值输入框number属性值95

9-2-13 制作指定范围的数值输入框range属性值95

9-2-14 指定颜色color属性值96

9-2-15 制作不显示但要传送的信息hidden属性值96

9-2-16 制作输入时间的控件time属性值97

9-2-17 制作输入日期的控件date属性值98

9-2-18 制作输入周次week属性值98

9-2-19 制作输入年份和月份month属性值99

9-2-20 本地与世界标准时间datetime/datetime-local属性值99

9-2-21 制作选择文件后上传的file属性值100

9-3 建立多行输入的文字框＜textarea＞元素101

9-4 为对象加上关联标记 ＜label＞元素102

9-5 显示进度＜progress＞元素103

9-6 显示仪表值＜meter＞元素103

9-7 下拉式选单与列表框＜select＞和＜option＞元素104

9-7-1 建立下拉式选单104

9-7-2 建立列表框105

9-7-3 选项组化＜optgroup＞元素106

9-8 制作文字框的候补选项 ＜datalist＞和＜option＞元素107

9-9 表单组件群组化＜fieldset＞和＜legend＞元素108

9-10 加密密钥＜keygen＞元素109

习题110

第10章 HTML功能总结112

10-1 全局属性112

10-2 事件属性115

10-3 认识＜script＞元素与一个超简单的JavaScript应用117

10-4 设定一般区块＜div＞元素119

10-5 设定一般范围＜span＞元素119

10-6 区块层级与行内层级120

10-7 网页布局121

10-7-1 ＜header＞元素与群组化标题122

10-7-2 ＜nav＞元素应用实例122

10-7-3 ＜article＞元素应用实例123

10-7-4 ＜aside＞元素应用实例123

10-8 HTML章节的概念124

10-9 日期与时间＜time＞元素124

习题125

第二篇 CSS3完整学习129

第11章 CSS3的基础知识129

11-1 CSS基本语法129

11-1-1 CSS基本语法格式129

11-1-2 多个选择器使用相同的声明区块129

11-1-3 CSS的批注129

11-2 CSS颜色设定130

11-2-1 1600万种颜色130

11-2-2 网络安全颜色——256种颜色130

11-2-3 HSL颜色131

11-3 套用CSS的方法132

11-4 class选择器133

11-5 字体133

11-5-1 设置字体名称的font-family属性134

11-5-2 设置字号的font-size属性134

11-5-3 设置字体样式的font-style属性135

11-5-4 设置字体样式的font-weight属性135

11-5-5 font-variant136

11-5-6 font-size-adjust136

11-5-7 font137

11-5-8 @font-face137

11-5-9 综合应用137

11-6 id选择器138

11-7 属性选择器138

11-8 全局选择器140

11-9 虚拟选择器140

11-9-1 链接的虚拟类别：link和：visited140

11-9-2 动作虚拟类别141

11-9-3 目标虚拟类别141

11-10 前缀词的使用142

习题142

第12章 段落文字的编排知识144

12-1 设置文字对齐方式的text-align属性144

12-2 设置首行缩排的text-indent属性144

12-3 设定行高的line-height属性145

12-4 设置字母间距的letter-spacing属性146

12-5 设置文字间距的word-spacing属性147

12-6 处理空格符的white-space属性147

12-7 大小写转换的text-transform属性148

12-8 设置文字阴影的text-shadow属性149

12-9 设置线条装饰的text-decoration属性149

12-10 再谈线条装饰150

12-10-1 text-decoration-line150

12-10-2 text-decoration-color150

12-10-3 text-decoration-style151

12-11 设定制表符宽度的tab-size属性151

12-12 设定换行的word-wrap属性152

12-13 设定文字超出范围的text-overflow属性153

习题153

第13章 将CSS应用在项目列表155

13-1 建立项目列表符号的list-style-type属性155

13-2 建立图片项目符号的list-style-image属性156

13-3 项目符号与编号位置的list-style-position属性156

13-4 简易表示法list-style157

习题157

第14章 设计背景159

14-1 透明色159

14-1-1 rgba（）函数159

14-1-2 hsla（）函数159

14-1-3 透明度opacity159

14-2 设置背景颜色的background-color属性160

14-3 设置背景图像的background-image属性161

14-4 设置背景是否重复出现的background-repeat属性162

14-5 设置背景图片位置的background-position属性163

14-6 设置背景图片大小的background-size属性165

14-7 设置背景图片随内容卷动的background-attachment属性166

14-8 背景简易表示法background167

习题168

第15章 完整学习Box Model170

15-1 认识Box Model170

15-2 外边距的设计170

15-2-1 ＜body＞的外边距172

15-2-2 外边距的合并172

15-2-3 外边距应用在段落输出的实例173

15-3 内边距的设计174

15-4 边框的设计175

15-4-1 边框样式176

15-4-2 边框色彩178

15-4-3 边框宽度179

15-4-4 边框属性的简易表示法179

15-4-5 圆角边框180

15-4-6 设计图案边框181

15-5 补充背景功能background-clip和back ground-origin属性187

15-5-1 设定背景显示范围的background-clip属性187

15-5-2 设定背景图案的基准位置的background-origin属性187

15-6 设定盒子阴影的box-shadow属性188

15-7 设定盒子宽度与高度的box-sizing属性190

15-8 内容超出范围时的显示方式190

15-9 outline属性192

15-10 设定内容盒子尺寸的resize属性193

习题194

第16章 将CSS应用在表格数据196

16-1 表格标题196

16-2 表格底色的设计196

16-3 表格框线设计197

16-4 单元格框线的距离197

16-5 为单元格内容加上内边距198

16-6 显示或隐藏空白的单元格199

16-7 表格框线的模式201

16-8 单元格内容排版201

16-9 表格版面的排版202

16-10 综合应用202

习题204

第17章 设计渐变效果206

17-1 线性渐变函数linear-gardient（）206

17-2 放射状渐变函数radial-gradient（）208

17-3 重复线性渐变函数repeating-linear-gradient（）209

17-4 重复放射性渐变函数repeating-radial-gradient（）210

习题211

第18章 设计多栏版面213

18-1 设定栏数量与宽度的columns属性213

18-1-1 设定栏数量的column-count属性213

18-1-2 设定栏宽度的column-width属性214

18-1-3 栏数量与宽度简易表示法columns214

18-2 设定栏与栏间距的column-gap属性215

18-3 设定栏与栏线属性column-rule215

18-3-1 设定栏线类型的column-rule-style属性215

18-3-2 设定栏线颜色的column-rule-color属性216

18-3-3 设定栏线宽度的column-rule-width属性216

18-3-4 栏线属性的简易表示法column-rule217

18-4 设置跨栏显示的column-span属性217

18-5 设定栏高度的column-fill属性218

18-6 换栏或换页219

18-6-1 break-before219

18-6-2 break-after220

18-6-3 break-inside220

习题221

第19章 定位与网页排版223

19-1 设定盒子的大小223

19-2 设定盒子大小的极限223

19-3 display属性224

19-4 用于定位的position属性225

19-4-1 position属性值是relative的程序实例226

19-4-2 position属性值是absolute的程序实例228

19-4-3 position属性值是fixed的程序实例229

19-4-4 综合应用229

19-5 设定与解除图旁串字230

19-5-1 设定图旁串字的float属性230

19-5-2 清除图旁串字的clear属性231

19-6 堆叠顺序232

19-7 显示或隐藏元素的visibility属性233

19-8 用box调整元素呈现方式的object-fit属性233

19-9 设定垂直对齐的vertical-align属性234

习题235

第20章 使用弹性容器（flexible container）排版237

20-1 flex container的基本概念237

20-2 弹性容器的声明237

20-3 设定版面方向（flex-direction）238

20-4 设定弹性区块内为多行排列（flex-wrap）239

20-5 直接设定排版方向和行数（flex-flow）241

20-6 版面区块的排列顺序（order）241

20-7 增加版面区块对象宽度（flex-grow）243

20-8 缩减版面区块对象宽度（flex-shrink）243

20-9 调整前的区块对象宽度（flex-basis）244

20-10 增减区块宽度的简易表示法（flex）245

20-11 设定留白的方式（justify-content）246

20-12 垂直方向留白的处理（align-items）247

20-13 个别版面区块留白的处理（align-self）249

20-14 弹性容器有多行版面区块时留白的处理（align-content）250

20-15 综合应用252

习题252

第21章 动画设计——过渡效果254

21-1 设定过渡效果时间的属性transition-duration254

21-2 设定过渡效果的属性transition-property254

21-3 设定过渡延迟时间的属性transition-delay255

21-4 设计过渡速度的属性transition-timing-function255

21-5 过渡效果的简易表示法transition256

21-6 综合应用257

习题257

第22章 设计网页动画259

22-1 关键帧（@keyframes）259

22-2 运用关键帧（animation-name）259

22-3 设定动画时间（animation-duration）259

22-4 设计动画变速方式（animation-timing-function）260

22-5 设定动画次数（animation-iteration-count）261

22-6 设定动画重复执行的方向（animation-direction）262

22-7 设定动画执行或是暂停（animation-play-state）263

22-8 设定动画延迟的时间（animation-delay）264

22-9 设定动画延迟与完成的样式（animation-fill-mode）264

22-10 动画的简易表示法animation265

习题265

第23章 变形动画267

23-1 2D变形效果267

23-2 2D变形的基准点271

23-3 3D变形效果271

23-4 3D变形的基准点274

23-5 设定透视图视点距离275

23-6 透视图的基准点277

23-7 巢状元素产生时子元素的处理277

23-8 是否显示背面内容278

习题279

第24章 响应式（RWD）网页设计281

24-1 设置鼠标指针的形状281

24-2 媒体查询281

24-2-1 媒体类型282

24-2-2 媒体特性282

24-2-3 媒体查询设计使用@media282

24-2-4 媒体查询设计使用＜link＞284

24-2-5 媒体查询设计使用@import285

24-3 选择器完整说明285

24-4 响应式网页设计289

24-4-1 响应式网页实例290

24-4-2 设计响应式网页的基本原则290

24-4-3 viewport290

24-4-4 浏览画面设计291

24-4-5 导览区套用样式表292

24-4-6 文章区套用样式表293

24-4-7 侧边栏区套用样式表293

24-4-8 其他设计293

24-4-9 完整程序内容294

习题294

第三篇 迈向网页设计高手之路297

第25章 JavaScript基础知识297

25-1 JavaScript的功能297

25-2 JavaScript的输出297

25-3 撰写JavaScript代码的位置297

25-3-1 将JavaScript代码写在＜head＞元素内298

25-3-2 将JavaScript代码写在＜body＞元素内298

25-3-3 以外部文件方式撰写JavaScript代码299

25-3-4 存取HTML内容输出的实例299

25-3-5 document.write（）输出的实例299

25-4 JavaScript基本语法300

25-5 声明变量301

25-6 数据类型302

25-6-1 数值数据302

25-6-2 字符串数据303

25-6-3 对象数据303

25-6-4 综合应用304

25-7 运算符304

25-7-1 算术运算符305

25-7-2 递增、递减运算符305

25-7-3 赋值运算符306

25-8 布尔值、比较运算与逻辑运算306

25-8-1 布尔值306

25-8-2 比较运算符307

25-8-3 逻辑运算符308

25-9 位运算符309

25-10 运算符的优先级310

习题310

第26章 JavaScript的流程控制312

26-1 if语句312

26-1-1 if语句312

26-1-2 if…else语句312

26-1-3 if…else if…else语句313

26-1-4 判断条件可以扩展314

26-2 switch语句314

26-3 for语句316

26-4 while语句317

26-5 do…while语句317

26-6 特殊表达式318

26-7 数组array319

26-7-1 Array的方法320

26-7-2 Array的属性320

26-8 for/in语句321

26-9 综合应用322

习题322

第27章 JavaScript的函数设计324

27-1 基本函数设计324

27-2 设计一个可以传递参数的函数325

27-3 函数调用同时有返回值325

27-4 全局变量与局部变量326

27-5 函数被定义在对象内327

习题328

第28章 浏览器对象模型BOM330

28-1 认识BOM330

28-2 window对象330

28-2-1 有趣的程序测试330

28-2-2 window对象的属性331

28-2-3 window对象的方法333

28-3 screen对象338

28-4 navigator对象338

28-5 history对象339

28-6 location对象340

习题341

第29章 HTML的文件对象模型DOM343

29-1 认识DOM343

29-2 取得HTML元素344

29-2-1 getElementByID（）344

29-2-2 getElementsByTagName（）344

29-2-3 getElementsByClassName（）345

29-2-4 querySelectorAll（）和querySelector（）345

29-2-5 双层条件的存取功能346

29-2-6 返回串行的长度length346

29-2-7 元素上下文属性347

29-2-8 元素大小与位置348

29-2-9 更改图片大小349

29-3 更改HTML元素内容349

29-3-1 更改标题或段落的内容349

29-3-2 更改属性内容350

29-4 DOM节点和浏览元素350

29-4-1 认识相关名词351

29-4-2 存取节点值351

29-4-3 ＜body＞和＜html＞节点352

29-4-4 相同父节点的兄弟节点内容353

29-4-5 存取父节点354

29-5 建立、插入、删除节点355

29-5-1 建立节点355

29-5-2 将节点插入特定位置355

29-5-3 删除节点356

29-5-4 更换节点356

29-6 DOM与CSS357

29-7 HTML的集合对象359

29-7-1 document.images359

29-7-2 document.forms360

29-7-3 document.links361

29-8 DOM事件属性361

29-8-1 onload与onunload事件362

29-8-2 onchange事件362

29-8-3 onclick事件363

29-8-4 ondblclick事件364

29-8-5 onmouseover和onmouseout事件364

29-8-6 onmousedown和onmouseup事件364

29-8-7 在JavaScript内建立事件365

习题366

第30章 HTML Canvas绘图与动画368

30-1 建立Canvas绘图环境368

30-2 绘制矩形368

30-2-1 rect（）、stroke（）和strokeRect（）368

30-2-2 fillRect（）和fillStyle（）369

30-2-3 clearRect（）370

30-3 绘制线条370

30-3-1 绘制直线370

30-3-2 beginPath（）和closePath（）371

30-3-3 lineWidth371

30-3-4 fill（）372

30-3-5 lineCap372

30-3-6 lineJoin373

30-4 绘制圆形或弧线373

30-4-1 绘制圆形373

30-4-2 绘制弧线374

30-4-3 顺时针弧线或逆时针弧线375

30-4-4 实心圆的绘制376

30-4-5 arcTo（）376

30-5 色彩渐变效果的处理377

30-5-1 线性渐变377

30-5-2 辐射渐变379

30-5-3 将渐变应用在矩形框线380

30-6 绘制文字382

30-6-1 font382

30-6-2 fillText（）和strokeText382

30-6-3 文字输出与渐变的应用382

30-6-4 输出文字居中对齐383

30-7 绘制图像383

30-8 建立简单动画385

30-9 位移与旋转386

习题390

第31章 取得用户的经纬度数据392

31-1 HTML的Geolocation392

31-2 getCurrentPosition（）393

31-3 watchPosition（）和clearWatch（）394

习题395

第32章 jQueryMobile移动版网页设计397

32-1 安装Opera Mobile Classic Emulator397

32-2 我的第一个采用jQuery Mobile设计的网页398

32-3 jQuery的基本网页架构399

32-4 超链接功能401

32-5 对话框的设计402

32-6 页面的切换402

32-7 建立按钮403

32-7-1 使用＜input＞元素建立按钮403

32-7-2 使用＜button＞元素建立按钮404

32-7-3 使用＜a＞元素建立按钮404

32-7-4 按钮图标404

32-7-5 设定按钮图标的位置404

32-7-6 更多图标设定405

32-8 弹出框的设计406

32-9 工具栏406

32-9-1 页首区406

32-9-2 页尾区407

32-10 导航栏407

32-11 面板（Panel）409

32-12 可折叠区块410

32-12-1 基本可折叠区块410

32-12-2 巢状可折叠区块411

32-13 建立表格411

32-13-1 Reflow表格411

32-13-2 Column Toggle表格412

32-13-3 将样式表应用在表格413

32-14 列表显示414

32-15 列表符号416

32-15-1 默认列表符号416

32-15-2 自设列表图标416

32-15-3 清单的缩图417

32-15-4 为缩图加上文字批注417

32-15-5 分割列表按钮417

32-16 制作输入表单418

32-16-1 ＜label＞元素418

32-16-2 text属性418

32-16-3 功能按钮属性419

32-16-4 radio属性420

32-16-5 checkbox属性420

32-16-6 select属性421

32-16-7 range属性421

32-16-8 On/Off切换设计422

习题422

第33章 将网页转成APP应用程序424

33-1 准备HTML文件424

33-2 准备config.xml配置文件424

33-3 压缩网页与配置文件425

33-4 建立APP应用程序425

33-5 重新上传文件427

附录A HTML标记列表445

附录B HTML属性索引表445

附录C CSS属性索引表445

附录D 网页设计使用的单位445

D-1 绝对单位445

D-2 相对单位445

D-3 百分比445