项目1 制作HBuilder百科页面 1__eol__1.1 项目描述 1__eol__1.2 前导知识 1__eol__1.2.1 初识HTML5 1__eol__1.2.2 HTML5基础 4__eol__1.2.3 文本控制元素 6__eol__1.2.4 图像控制元素 9__eol__1.2.5 超链接元素 9__eol__1.2.6 列表元素 10__eol__1.2.7 结构元素 13__eol__1.2.8 分组元素 18__eol__1.2.9 内容交互元素 20__eol__1.3 项目分析 21__eol__1.3.1 页面结构分析 21__eol__1.3.2 样式分析 22__eol__1.4 项目实践 23__eol__1.4.1 制作页面结构 23__eol__1.4.2 定义CSS样式 24__eol__1.5 项目总结 24__eol__项目2 制作化妆品展示列表页面 25__eol__2.1 项目描述 25__eol__2.2 前导知识 25__eol__2.2.1 初识CSS 25__eol__2.2.2 引入CSS样式与CSS语法格式 26__eol__2.2.3 CSS基础选择器 29__eol__2.2.4 伪元素选择器 35__eol__2.2.5 链接伪类 36__eol__2.2.6 结构化伪类选择器 37__eol__2.2.7 CSS的层叠性与继承性 42__eol__2.2.8 CSS的优先级 44__eol__2.2.9 字体样式属性与文本样式属性 45__eol__2.3 项目分析 52__eol__2.3.1 页面结构分析 52__eol__2.3.2 样式分析 52__eol__2.4 项目实践 53__eol__2.4.1 制作页面结构 53__eol__2.4.2 定义CSS样式 54__eol__2.5 项目总结 54__eol__项目3 制作电商主播排行榜页面 55__eol__3.1 项目描述 55__eol__3.2 前导知识 55__eol__3.2.1 初识盒模型 55__eol__3.2.2 边框属性 57__eol__3.2.3 边距属性 64__eol__3.2.4 box-sizing属性 67__eol__3.2.5 阴影属性 68__eol__3.2.6 渐变属性 69__eol__3.2.7 背景属性 72__eol__3.3 项目分析 77__eol__3.3.1 页面结构分析 77__eol__3.3.2 样式分析 78__eol__3.4 项目实践 78__eol__3.4.1 制作页面结构 78__eol__3.4.2 定义CSS样式 78__eol__3.5 项目总结 79__eol__项目4 制作家装行业产品展示页面 80__eol__4.1 项目描述 80__eol__4.2 前导知识 81__eol__4.2.1 过渡 81__eol__4.2.2 变形 85__eol__4.2.3 动画 92__eol__4.3 项目分析 94__eol__4.3.1 页面结构分析 94__eol__4.3.2 样式分析 95__eol__4.4 项目实践 95__eol__4.4.1 制作页面结构 95__eol__4.4.2 定义CSS样式 97__eol__4.5 项目总结 99__eol__项目5 制作旅游网站的导航栏和banner 100__eol__5.1 项目描述 100__eol__5.2 前导知识 100__eol__5.2.1 元素的浮动属性float 100__eol__5.2.2 元素的清除浮动属性clear 102__eol__5.2.3 元素的位置定位属性position 103__eol__5.2.4 元素的类型转换 108__eol__5.3 项目分析 111__eol__5.3.1 页面结构分析 111__eol__5.3.2 样式分析 111__eol__5.4 项目实践 111__eol__5.4.1 制作页面结构 111__eol__5.4.2 定义CSS样式 112__eol__5.5 项目总结 114__eol__项目6 制作信息注册页面 115__eol__6.1 项目描述 115__eol__6.2 前导知识 115__eol__6.2.1 表单概述 115__eol__6.2.2 表单元素及属性 117__eol__6.2.3 表单校验 129__eol__6.3 项目分析 131__eol__6.3.1 页面结构分析 131__eol__6.3.2 样式分析 132__eol__6.4 项目实践 132__eol__6.4.1 制作页面结构 132__eol__6.4.2 定义CSS样式 135__eol__6.5 项目总结 138__eol__项目7 制作视频播放页面 139__eol__7.1 项目描述 139__eol__7.2 前导知识 139__eol__7.2.1 多媒体的格式 139__eol__7.2.2 支持视频和音频的浏览器 140__eol__7.2.3 嵌入视频 140__eol____eol__7.2.4 HTML DOM Video对象 141__eol__7.2.5 嵌入音频 143__eol__7.2.6 HTML DOM Audio对象 143__eol__7.2.7 视频、音频中的source__eol__元素 145__eol__7.3 项目分析 145__eol__7.3.1 页面结构分析 145__eol__7.3.2 样式分析 146__eol__7.4 项目实践 146__eol__7.4.1 制作页面结构 146__eol__7.4.2 定义CSS样式 147__eol__7.5 项目总结 148__eol__项目8 制作垃圾分类页面 149__eol__8.1 项目描述 149__eol__8.2 前导知识 150__eol__8.2.1 视口 150__eol__8.2.2 媒体查询 152__eol__8.2.3 百分比布局 158__eol__8.3 项目分析 161__eol__8.3.1 页面结构分析 161__eol__8.3.2 样式分析 161__eol__8.4 项目实践 162__eol__8.4.1 制作页面结构 162__eol__8.4.2 定义CSS样式 164__eol__8.5 项目总结 171__eol__项目9 制作个人信息页面 172__eol__9.1 项目描述 172__eol__9.2 前导知识 173__eol__9.2.1 栅格系统 173__eol__9.2.2 弹性盒布局 176__eol__9.3 项目分析 190__eol__9.3.1 页面结构分析 190__eol__9.3.2 样式分析 190__eol__9.4 项目实践 191__eol__9.4.1 制作页面结构 191__eol__9.4.2 定义CSS样式 194__eol__9.5 项目总结 201__eol__项目10 制作物流公司响应式网站 202__eol__10.1 项目描述 202__eol__10.2 页面结构搭建 206__eol__10.2.1 页面结构搭建的内容 206__eol__10.2.2 模块结构 206__eol__10.2.3 代码实现 206__eol__10.3 顶部通栏 208__eol__10.3.1 顶部通栏结构 208__eol__10.3.2 代码实现 208__eol__10.4 导航栏 209__eol__10.4.1 导航栏结构 209__eol__10.4.2 代码实现 210__eol__10.5 轮播图 211__eol__10.5.1 轮播图结构 211__eol__10.5.2 代码实现 212__eol__10.6 关于我们模块 214__eol__10.6.1 关于我们模块结构 214__eol__10.6.2 代码实现 215__eol__10.7 我们的优势模块 216__eol__10.7.1 我们的优势模块结构 216__eol__10.7.2 代码实现 217__eol__10.8 我们的服务模块 219__eol__10.8.1 我们的服务模块结构 219__eol__10.8.2 代码实现 221__eol__10.9 运输物流模块 222__eol__10.9.1 运输物流模块结构 222__eol__10.9.2 代码实现 223__eol__10.10 最新资讯模块 224__eol__10.10.1 最新资讯模块结构 224__eol__10.10.2 代码实现 225__eol__10.11 版尾 227__eol__10.11.1 版尾结构 227__eol__10.11.2 代码实现 228__eol__10.12 项目总结 228__eol__参考文献 228