从0到1:HTML5+CSS3修炼之道

从0到1:HTML5+CSS3修炼之道

作者:莫振杰

出版社:人民邮电

出版年:2020年1月

ISBN:9787115525055

所属分类:民俗文化

书刊介绍

《从0到1:HTML5+CSS3修炼之道》内容简介

作者根据自己多年的前后端开发经验,站在完全零基础读者的角度,详尽介绍了HTML5和CSS3的基础知识、新技术及各种高级开发技巧。全书分为两大部分:第一部分介绍HTML5的新技术,主要包括新增元素、新增属性、元素拖放、文件操作、本地存储、音频视频、离线应用等;第二部分介绍CSS3的新技术,主要包括新增选择器、CSS3变形、CSS3过渡、CSS3动画、多列布局、滤镜效果、弹性盒子模型等。为了方便高校老师教学,本书不但配备了所有案例的源代码,还提供了配套的PPT课件。本书适合作为前端开发人员的参考书,也可以作为大中专院校相关专业的教学参考书。
莫振杰 从事前后端开发4年多,开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具以及各种类型网站,著有多本编程书。现为绿叶学习网的站长,该网站用于分享前后端开发经验和前后端开发的在线教程,在互联网引起广泛关注,受到网友推崇。

作品目录

内容提要
其它
前言
第一部分
HTML5实战
第1章:HTML5简介
1.1、HTML、XHTML和HTML5、1.2、学前准备
1.3、本章练习
第2章:新增元素
2.1、结构元素
2.2、表单元素
2.3、其他新增元素
2.4、改良后的元素
2.5、本章练习
第3章:新增属性
3.1、公共属性
3.2、input元素的新增属性
3.3、form元素的新增属性
3.4、本章练习
第4章:元素拖放
4.1、元素拖放简介
4.2、dataTransfer对象
4.3、本章练习
第5章:文件操作
5.1、文件操作简介
5.2、File对象
5.3、FileReader对象
5.4、Blob对象
5.5、本章练习
第6章:本地存储
6.1、本地存储简介
6.2、localStorage
6.3、sessionStorage
6.4、indexedDB
6.5、实战题:计数器
6.6、本章练习
第7章:音频视频
7.1、视频音频简介
7.2、开发视频
7.3、开发音频
7.4、本章练习
第8章:离线应用
8.1、搭建服务器环境
8.2、离线存储
8.3、更新缓存
8.4、本章练习
第9章:多线程处理
9.1、Web
Worker简介
9.2、Web
Worker应用
9.3、实战题:后台计算
9.4、本章练习
第10章:地理位置
10.1、地理位置简介
10.2、百度地图
10.3、本章练习
第11章:桌面通知
11.1、Notification
API简介
11.2、Notification
API应用
11.3、本章练习
第12章:Canvas
12.1、Canvas是什么
12.2、Canvas元素
12.3、直线
12.4、矩形
12.5、多边形
12.6、实战题:绘制调色板
12.7、本章练习
第二部分
CSS3实战
第13章:CSS3简介
13.1、CSS3简介
13.2、浏览器私有前缀
13.3、一个酷炫的CSS3效果
13.4、本章练习
第14章:新增选择器
14.1、CSS3选择器简介
14.2、属性选择器
14.3、子元素伪类选择器
14.4、UI伪类选择器
14.5、其他伪类选择器
14.6、本章练习
第15章:文本样式
15.1、文本样式简介
15.2、文本阴影:text-shadow
15.3、文本描边:text-stroke
15.4、文本溢出:text-overflow
15.5、强制换行:word-wrap、word-break
15.6、嵌入字体:@font-face
15.7、实战题:火焰字
15.8、本章练习
第16章:颜色样式
16.1、颜色样式简介
16.2、opacity透明度
16.3、RGBA颜色
16.4、CSS3渐变
16.5、实战题:渐变按钮
16.6、实战题:鸡蛋圆
16.7、本章练习
第17章:边框样式
17.1、边框样式简介
17.2、圆角效果:border-radius
17.3、边框阴影:box-shadow
17.4、多色边框:border-colors
17.5、边框背景:border-image
17.6、实战题:3D卡通头像
17.7、本章练习
第18章:背景样式
18.1、背景样式简介
18.2、背景大小:background-size
18.3、背景位置:background-origin
18.4、背景剪切:background-clip
18.5、多背景图片
18.6、本章练习
第19章:CSS3变形
19.1、CSS3变形简介
19.2、平移:translate()
19.3、缩放:scale()
19.4、倾斜:skew()
19.5、旋转:rotate()
19.6、中心原点:transform-origin
19.7、实战题:个性照片墙
19.8、本章练习
第20章:CSS3过渡
20.1、CSS3过渡简介
20.2、过渡属性:transition-property
20.3、过渡时间:transition-duration
20.4、过渡方式:transition-timing-function
20.5、延迟时间:transition-delay
20.6、深入了解transition属性
20.7、实战题:鼠标指针移上去显示内容
20.8、实战题:图片文字介绍滑动效果
20.9、实战题:白光闪过效果
20.10、实战题:脉动效果
20.11、实战题:手风琴效果
20.12、本章练习
第21章:CSS3动画
21.1、CSS3动画简介
21.2、@keyframes
21.3、动画名称:animation-name
21.4、持续时间:animation-duration
21.5、动画方式:animation-timing-function
21.6、延迟时间:animation-delay
21.7、播放次数:animation-iteration-count
21.8、播放方向:animation-direction
21.9、播放状态:animation-play-state
21.10、实战题:脉冲动画
21.11、实战题:loading效果
21.12、本章练习
第22章:多列布局
22.1、多列布局
22.2、列数:column-count
22.3、列宽:column-width
22.4、间距:column-gap
22.5、边框:column-rule
22.6、跨列:column-span
22.7、实战题:瀑布流布局
22.8、本章练习
第23章:滤镜效果
23.1、滤镜效果简介
23.2、亮度:brightness()
23.3、灰度:grayscale()
23.4、复古:sepia()
23.5、反色:invert()
23.6、旋转:hue-rotate()
23.7、阴影:drop-shadow()
23.8、透明度:opacity()
23.9、模糊度:blur()
23.10、对比度:contrast()
23.11、饱和度:saturate()
23.12、多种滤镜
23.13、实战题:鬼屋
23.14、本章练习
第24章:弹性盒子模型
24.1、弹性盒子模型简介
24.2、放大比例:flex-grow
24.3、缩小比例:flex-shrink
24.4、元素宽度:flex-basis
24.5、复合属性:flex
24.6、排列方向:flex-direction
24.7、多行显示:flex-wrap
24.8、复合属性:flex-flow
24.9、排列顺序:order
24.10、水平对齐:justify-content
24.11、垂直对齐:align-items
24.12、实战题:水平居中和垂直居中
24.13、实战题:伸缩菜单
24.14、本章练习
第25章:其他样式
25.1、outline属性
25.2、initial取值
25.3、calc()函数
25.4、overflow-x和overflow-y
25.5、pointer-events属性
25.6、本章练习
附录A
HTML5新增元素
附录B
HTML5新增属性
附录C
CSS3新增选择器
附录D
CSS3新增属性

相关推荐

微信二维码