Web前端实用技术示例教程

图书标准信息

• 作者 廖雪花
• 出版社 电子工业出版社
• 出版时间 2021-12
• 版次 1
• ISBN 9787121364631
• 定价 69.00元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸
• 页数 324页
• 字数 596千字

【内容简介】

本书以问答的方式介绍Web 前端的相关知识，分为初级篇、进阶篇、高级篇、框架篇；内容包括JavaScript、HTML、CSS的基础知识，边框效果、背景效果、形状效果、阴影效果、动画效果，文本、字体技术，选择器、定时器，canvas绘图，定位，图片、背景美化，ES6框架、Bootstrap框架、React框架。

【作者简介】

廖雪花，副教授，四川师范大学计算机科学学院计算机系主任，长期从事计算机应用技术、系统开发与集成的教学工作。

【目录】

部分 初级篇·············································································································1

1.1 一个简单的HTML5页面代码是什么样子的？·······················································.2

1.2 ＜html＞、＜body＞、＜head＞标签真的可以省略吗？··················································.2

1.3 如何安装与使用Sublime Text? ·················································································.4

1.3.1 安装步骤·········································································································.4

1.3.2 使用·················································································································.5

1.4 什么是tableless design页面布局？········································································.11

1.4.1 table布局······································································································.11

1.4.2 DIV CSS 布局······························································································.13

1.5 什么是行内元素与块级元素？···············································································.14

1.6 什么是元素套框结构？···························································································.19

1.7 如何选择正确的列表标签？···················································································.22

1.7.1 无序列表·······································································································.22

1.7.2 有序列表·······································································································.23

1.7.3 定义列表·······································································································.24

1.8 什么是文档流？·······································································································.25

1.9 什么是相对定位？如何相对定位？········································································.26

1.10 什么是定位？如何定位？······································································.28

1.11 如何让文本水平居中？·························································································.30

1.12 如何让文本垂直居中？·························································································.31

1.13 如何让元素显示在其他元素之上？······································································.33

1.14 如何制作一面照片墙？·························································································.35

1.15 input有多少种？····································································································.37

1.15.1 传统的10个输入控件··············································································.37

1.15.2 新增的13个输入控件··············································································.39

1.16 如何组合使用＜select＞和＜option＞标签？······························································.43

1.17 为什么＜datalist＞标签灵活又方便？······································································.45

1.18 颜色有哪几种标识方式？·····················································································.47

1.18.1 英文单词表示颜色····················································································.47

1.18.2 十六进制表示颜色····················································································.48

1.18.3 RGB表示颜色··························································································.49

1.18.4 HSL表示颜色···························································································.50

1.19 CSS的光标功能有哪些？·····················································································.51

1.19.1 新的内建光标···························································································.51

1.19.2 not-allowed光标·······················································································.51

1.19.3 none隐藏光标···························································································.52

1.20 如何使用多媒体标签？·························································································.52

1.20.1 ＜embed＞标签····························································································.52

1.20.2 ＜video＞标签·····················································································1