《零基础入门学习Web开发(HTML5 & CSS3)》简介:

本书首先讲解Web开发的基础知识,以及HTML5的语法、标记方法、元素;然后讲解CSS中经典属性的用法,CSS3中的选择器、背景、边框、盒子模型、布局方式、动画、滤镜,以及针对多种浏览器应该怎样在代码中设置各种属性等。

本书适合想要学习Web开发和从事Web开发工作的读者阅读,也可作为高等院校相关专业师生的学习用书和培训学校的教材。

《零基础入门学习Web开发(HTML5 & CSS3)》摘录:

万维网的创始人是蒂姆·伯纳斯·李(Tim Berners-Lee),他在2012年伦敦奥运会开幕式上,用一台复古的NeXT计算机通过自己发明的万维网发Twitter,内容是“This is for evervone”。 是的,蒂姆发明了万维网,将因特网上现有的资源连接了起来。通过万维网,加入其中的每个人都可以实现信息共享。 很多读者可能只听说过因特网,万维网有什么不同呢?在因特网上,你可以找到许多联网的计算机;而在万维网上,你可以找到各种图片,声音、视频……所以,当你从鱼C论坛获取学习资源的时候,其实享受的正是万维网带来的便利。 如今我们更多地通过浏览器访问万维网,当下流行的浏览器有Chrome、Firefox、Edge Safari……说到这里,就不得不提及一个人——Marc Andreessen。 1993年,只有22岁的Andreessen就发现了一个道理——“万维网和图片更配”,于是他四处找人合作,开发了第一个可以在文字中嵌人图片的浏览器——Mosaic。不难想象,能够显示图片的Mosaic给万维网带来了极大的活力,当时,人们发现万维网是世界上发布和交换信息最方便的地方。 借着“独领风骚”的操作,1994年,Andreessen结识了克拉克,两人“一拍即合”,创办了当时叱咤风云的网景公司。在发布后的4个月内,网景浏览器就占据了约3/4的浏览器市场,成为互联网用户主要使用的浏览器。 然而,历史非常相似,“巨头”总是需要对手的。好景不长,微软公司瞄上了浏览器这块市场并很快就开发出了IE。第一次“浏览器大战”一触即发。这是一次激烈的竞争,因为网景公司和微软公司采用的策略都是“有你没我”。 因为二者互不兼容,所以当时的Web开发工程师必须为不同的浏览器编写不同版本的网页,非常痛苦。 最后,“浏览器大战”以网景公司倒台以及微软公司受到惩罚而结束。“浏览器大战”也...

《零基础入门学习Web开发(HTML5 & CSS3)》目录:

第1章 概述
1.1 Web开发是什么
1.2 学习Web开发有前途吗
1.3 Web的发展史
第2章 网页基础
2.1 第一个程序
2.2 img元素和a元素
2.3 “多才多艺”的meta元素
2.3.1 声明文档编码
2.3.2 实现网页自适应
2.3.3 搜索引擎优化
2.3.4 网页自动跳转
2.4 为网页添加样式
2.5 link元素
2.5.1 链接外部样式表
2.5.2 链接网站图标
2.6 绝对路径和相对路径
2.7 base元素
2.8 JavaScript初体验
2.8.1 定义文档内嵌脚本
2.8.2 引用外部脚本
2.8.3 延迟执行脚本
2.8.4 异步执行脚本
2.8.5 noscript元素
第3章 标记文字的元素
3.1 注释
3.1.1 HTML的注释
3.1.2 CSS的注释
3.1.3 JavaScript的注释
3.2 块级元素和行内元素
3.3 pre元素
3.3.1 预格式化
3.3.2 字符实体
3.4 code元素
3.5 var、kbd、samp元素
3.6 q元素
3.7 blockquote元素
3.8 cite元素
3.9 abbr元素
3.10 dfn元素
3.11 address元素
3.12 ruby元素
3.13 bdo元素
3.14 strong元素和b元素
3.15 em元素和i元素
3.16 使用CSS代替b元素和i元素
3.17 del元素和ins元素
3.18 s元素
3.19 mark元素
3.20 sup元素和sub元素
3.21 small元素
第4章 列表
4.1 ul元素
4.2 ol元素
4.3 两个与列表相关的CSS属性
4.4 列表嵌套
4.5 定义列表
第5章 表格
5.1 实现表格
5.2 给表格添加边框
5.3 给表格添加标题
5.4 分割表格
第6章 表单
6.1 form元素
6.2 button元素
6.3 一些常用的功能
6.3.1 自动填充
6.3.2 指定目标显示位置
6.3.3 设置默认值
6.3.4 自动聚焦
6.3.5 禁用元素
6.4 label元素
6.5 fieldset元素
6.6 legend元素
6.7 select元素和option元素
6.8 optgroup元素
第7章 “万能”的input元素
7.1 按钮
7.2 单选框
7.3 复选框
7.4 时间和日期
7.5 搜索框
7.6 颜色选择框
7.7 图像按钮
7.8 隐藏input元素
7.9 上传文件
7.10 限定数字输入
7.11 限定数值范围
7.12 数值滚动条
7.13 邮箱、电话号码和网址
7.14 placeholder属性
7.15 required属性
7.16 size属性
7.17 maxlength属性
7.18 list属性和datalist元素
第8章 其他表单元素
8.1 输出计算结果
8.2 接收多行文本输入
第9章 div和语义化布局
9.1 div元素
9.2 语义化布局
第10章 嵌入
10.1 嵌入图片
10.1.1 map和area元素
10.1.2 picture和source元素
10.1.3 figure和figcaption元素
10.2 嵌入视频
10.2.1 video元素
10.2.2 播放控件和自动播放
10.2.3 视频预加载
10.2.4 视频封面
10.2.5 多个视频文件
10.3 嵌入音频
10.4 嵌入字幕
10.5 嵌入网页
10.6 meter元素和progress元素
第11章 CSS语法
11.1 什么是CSS
11.2 CSS基础语法
11.2.1 内联样式
11.2.2 内部样式表
11.2.3 外部样式表
第12章 基本选择器与复合选择器
12.1 基本选择器
12.1.1 通用选择器
12.1.2 元素选择器
12.1.3 类选择器
12.1.4 id选择器
12.2 复合选择器
12.2.1 交集选择器
12.2.2 并集选择器
12.2.3 后代选择器
12.2.4 子元素选择器
12.2.5 相邻兄弟选择器
12.2.6 通用兄弟选择器
第13章 伪元素选择器
13.1 ::first-line选择器
13.2 ::first-letter选择器
13.3 ::before选择器和::after选择器
13.4 ::selection选择器
第14章 动态伪类选择器和UI伪类选择器
14.1 动态伪类选择器
14.2 UI伪类选择器
第15章 结构伪类选择器和其他伪类选择器
15.1 结构伪类选择器
15.2 其他伪类选择器
15.3 如何区分伪类选择器和伪元素选择器
第16章 属性选择器
16.1 使用属性选择器精确匹配
16.2 使用属性选择器模糊匹配
第17章 颜色和背景
17.1 颜色
17.1.1 前景色
17.1.2 RGB
17.1.3 HEX和HSL
17.1.4 RGBA和HSLA
17.2 背景
17.2.1 背景色
17.2.2 背景图像
17.2.3 重复背景图像
17.2.4 背景图像的位置
17.2.5 背景图像的尺寸
17.2.6 背景图像的附着方式
17.2.7 背景图像的起始位置和显示区域
17.2.8 background属性的简写形式
第18章 盒子模型
18.1 边框
18.1.1 边框样式
18.1.2 边框宽度
18.1.3 边框颜色
18.1.4 border属性的简写形式
18.1.5 为边框设置样式、宽度、颜色
18.1.6 圆角边框
18.1.7 图像边框
18.2 内边距
18.3 外边距
18.4 水平居中
18.5 外边距塌陷
18.6 设置元素的尺寸
18.7 设置元素的最小尺寸和最大尺寸
18.8 处理溢出问题
18.9 轮廓
18.10 阴影
第19章 经典网页布局(上)
19.1 设置元素的显示类型
19.1.1 块级元素
19.1.2 行内元素
19.1.3 行内块元素
19.1.4 隐藏元素
19.1.5 控制元素的可见性
19.2 浮动
19.3 利用float实现多列布局
19.4 清除浮动
19.5 定位
19.6 z-index属性
19.7 利用position实现多列布局
19.8 BFC
19.8.1 BFC的对齐方式
19.8.2 创建一个新的BFC
19.8.3 外边距塌陷
19.8.4 容纳浮动元素
19.8.5 阻止文本环绕
19.9 多列布局
第20章 经典网页布局(下)
20.1 居中
20.2 单列布局
20.3 两列布局
20.4 三列布局
20.4.1 浮动法
20.4.2 绝对定位法
20.4.3 负外边距法
20.5 双飞翼布局
20.6 杯状布局
20.7 瀑布流布局
第21章 弹性盒布局
21.1 弹性容器和弹性元素
21.2 主轴和垂轴
21.3 主轴上的对齐方式
21.4 垂轴上的对齐方式
21.5 多行弹性元素的对齐方式
21.6 order属性
21.7 弹性盒布局“弹”的到底是什么呢
21.8 设置弹性元素的压缩比例
21.9 设置弹性元素的放大比例
21.10 设置弹性元素的初始尺寸
21.11 弹性元素的特征
第22章 栅格布局
22.1 创建栅格容器
22.2 定义栅格轨道
22.3 定义栅格区域
22.4 定义栅格间距
22.5 一些关键字和函数
22.5.1 fr
22.5.2 auto
22.5.3 min-content和max-content
22.5.4 repeat()
22.5.5 auto-fill
22.5.6 minmax()
22.5.7 auto-fit
22.5.8 fit-content()
22.6 栅格布局的对齐方式
22.6.1 justify-content属性
22.6.2 align-content属性
22.6.3 justify-items属性
22.6.4 align-items属性
22.6.5 justify-self和align-self属性
22.6.6 place-content、place-items和place-self属性
22.7 栅格线
22.7.1 命名栅格线
22.7.2 grid-column-start、grid-column-end和grid-row-start、grid-row-end
属性
22.7.3 grid-column和grid-row属性
22.7.4 grid-area属性
22.7.5 修改重叠的顺序
22.8 定义栅格元素的放置规则
22.8.1 grid-auto-flow属性
22.8.2 grid-auto-columns和grid-auto-rows属性
22.9 grid属性
22.10 栅格元素的特性
第23章 文本样式和字体
23.1 设置文本对齐
23.2 保留空白字符
23.3 设置文本的方向
23.4 设置缩进
23.5 设置间距
23.6 纵向对齐文本
23.7 创建文本阴影
23.8 控制断词
23.9 控制文本溢出
23.10 装饰文本
23.11 转换大小写
23.12 设置字体
23.12.1 font-family属性
23.12.2 font-size属性
23.12.3 font-weight、font-style和font-variant属性
23.13 使用Web字体
第24章 过渡、变形和动画
24.1 过渡
24.2 变形
24.2.1 旋转
24.2.2 移动
24.2.3 缩放
24.2.4 倾斜
24.2.5 变形原点
24.2.6 3D变形方式
24.2.7 修改视域
24.2.8 处理元素的背面
24.3 动画
24.3.1 关键帧
24.3.2 让元素动起来
24.3.3 指定动画开始前的延迟
24.3.4 指定动画循环的次数
24.3.5 指定动画的方向
24.3.6 指定动画的速度曲线
24.3.7 重复关键帧属性
24.3.8 指定动画的填充模式
24.3.9 简写
第25章 滤镜、混合模式、裁剪和遮罩
25.1 滤镜
25.1.1 blue()
25.1.2 brightness()
25.1.3 contrast()
25.1.4 saturate()
25.1.5 grayscale()
25.1.6 sepia()
25.1.7 hue-rotate()
25.1.8 invert()
25.1.9 opacity()
25.1.10 drop-shadow()
25.1.11 应用多个滤镜
25.1.12 SVG滤镜
25.2 混合模式
25.2.1 变暗、正片叠底和颜色加深
25.2.2 变亮、滤色和颜色减淡
25.2.3 叠加、柔光和强光
25.2.4 差值和排除
25.2.5 色相、饱和度、颜色和明度
25.2.6 多张背景图像的混合
25.3 裁剪
25.4 蒙版
25.5 置换元素的填充与定位
第26章 其他CSS特性
26.1 优先级
26.2 透明度
26.3 渐变
26.3.1 线性渐变
26.3.2 径向渐变
26.4 CSS变量
26.5 CSS计数器
26.6 媒体查询
· · · · · ·