HTML5+CSS3网站设计基础教程

HTML5与CSS3是下一代Web应用技术的基础,使互联网进入了一个崭新的时代。本书从HTML5和CSS3的基础知识入手,重点讲解HTML5和CSS3新增功能和最新前端技术,通过大量实例对HTML5和CSS3进行深入浅出的分析,使读者在学习技术的同时,掌握Web开发和设计的精髓,提高综合应用能力。 本书共10章,第1~2章主要讲解HTML5的基础知识,包括HTML5的发展历史、HTML5的优势及浏览器支持情况、HTML5语法及文档基本格式、HTML5的页面元素及属性等。第3~4章主要讲解CSS3入门及CSS3选择器,包括CSS3发展历史、CSS3浏览器支持情况、文本样式属性、属性选择器、关系选择器、伪类选择器等。第5~7章分别讲解盒子模型、元素的浮动与定位、表单的应用,它们是学习网页布局的核心。第8章主要讲解多媒体技术,包括HTML5多媒体的特性、多媒体的支持条件,以及如何在HTML 5中创建音频和视频。第9章讲解CSS3的高级应用,包括变形、过渡和动画等。第10章为实训项目,带领读者使用 HTML5和CSS3等新技术制作一个炫丽的网页。 本书附有配套视频、源代码、习题、教学课件等资源,而且为了帮助初学者更好地学习本书讲解的内容,还提供了在线答疑,希望得到更多读者的关注。 本书系统地讲解了HTML5和CSS3的基础理论和实际应用技术,适合没有基础的读者进行学习。本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材,也可作为前端与移动开发的培训教材,对于广大网站开发人员来说,更是一本不可多得的阅读与参考的优秀读物。 目录......Page 2 扉页......Page 9 版权......Page 10 序言......Page 11 1.1.2 HTML5的优势......Page 15 1.1.3 HTML5浏览器支持情况......Page 16 1.1.4 创建第一个HTML5页面......Page 18 1.2.1 HTML5文档基本格式......Page 21 1.2.2 HTML5语法......Page 22 1.2.3 HTML标记......Page 23 1.2.4 标记的属性......Page 25 1.2.5 HTML5文档头部相关标记......Page 26 1.3.1 标题和段落标记......Page 30 1.3.2 文本格式化标记......Page 35 1.3.3 特殊字符标记......Page 36 1.4.1 常用图像格式......Page 37 1.4.2 图像标记 ......Page 38 1.4.3 绝对路径和相对路径......Page 42 1.5.1 创建超链接......Page 43 1.5.2 锚点链接......Page 45 1.6 阶段案例——制作HTML5百科页面......Page 46 1.6.2 制作页面......Page 48 本章小结......Page 52 动手实践......Page 53 2.1.1 ul元素......Page 54 2.1.2 ol元素......Page 55 2.1.3 dl元素......Page 57 2.1.4 列表的嵌套应用......Page 58 2.2.1 header元素......Page 60 2.2.2 nav元素......Page 61 2.2.3 article元素......Page 62 2.2.4 aside元素......Page 63 2.2.5 section元素......Page 64 2.2.6 footer元素......Page 66 2.3.1 figure元素和figcaption元素......Page 67 2.3.2 hgroup元素......Page 68 2.4 页面交互元素......Page 70 2.4.1 details元素和summary元素......Page 71 2.4.2 progress元素......Page 72 2.4.3 meter元素......Page 73 2.5.1 time元素......Page 74 2.5.2 mark元素......Page 75 2.5.3 cite元素......Page 76 2.6.1 draggable属性......Page 77 2.6.3 spellcheck属性......Page 78 2.6.4 contenteditable属性......Page 79 2.7 阶段案例——制作电影影评网......Page 80 2.7.2 制作页面......Page 82 本章小结......Page 87 动手实践......Page 88 3.1.1 CSS概述......Page 90 3.1.2 CSS3发展历史......Page 91 3.1.3 CSS3浏览器支持情况......Page 92 3.2.1 CSS样式规则......Page 93 3.2.2 引入CSS样式表......Page 94 3.2.3 CSS基础选择器......Page 101 3.3.1 字体样式属性......Page 107 3.3.2 文本外观属性......Page 113 3.4.1 CSS层叠性和继承性......Page 123 3.4.2 CSS优先级......Page 125 3.5 阶段案例——制作服装推广软文......Page 128 3.5.2 制作页面结构......Page 129 3.5.3 定义CSS样式......Page 130 动手实践......Page 132 4.1.1 E[att^=value]属性选择器......Page 134 4.1.2 E[att$=value]属性选择器......Page 135 4.1.3 E[att*=value]属性选择器......Page 137 4.2.1 子代选择器(>)......Page 138 4.2.2 兄弟选择器(+、~)......Page 139 4.3.1 :root选择器......Page 142 4.3.2 :not选择器......Page 143 4.3.3 :only-child选择器......Page 144 4.3.4 :first-child和:last-child选择器......Page 146 4.3.5 :nth-child(n)和:nth-last-child(n)选择器......Page 147 4.3.6 :nth-of-type(n)和:nth-last-of-type(n)选择器......Page 149 4.3.7 :empty选择器......Page 150 4.3.8 :target选择器......Page 151 4.4 伪元素选择器......Page 153 4.4.1 :before选择器......Page 154 4.4.2 after选择器......Page 155 4.5 链接伪类......Page 156 4.6 阶段案例——制作网页设计软件列表......Page 158 4.6.1 分析效果图......Page 159 4.6.2 制作页面结构......Page 160 4.6.3 定义CSS样式......Page 162 本章小结......Page 164 动手实践......Page 165 5.1.1 认识盒子模型......Page 167 5.1.2 标记......Page 169 5.1.3 盒子的宽与高......Page 171 5.2.1 边框属性......Page 172 5.2.2 边距属性......Page 185 5.2.3 box-shadow属性......Page 189 5.2.4 box-sizing属性......Page 191 5.3.1 设置背景颜色......Page 193 5.3.2 设置背景图像......Page 194 5.3.3 背景与图片不透明度的设置......Page 195 5.3.5 设置背景图像的位置......Page 197 5.3.6 设置背景图像固定......Page 200 5.3.7 设置背景图像的大小......Page 202 5.3.8 设置背景的显示区域......Page 204 5.3.9 设置背景图像的裁剪区域......Page 206 5.3.10 设置多重背景图像......Page 208 5.3.11 背景复合属性......Page 210 5.4 CSS3渐变属性......Page 212 5.4.1 线性渐变......Page 213 5.4.2 径向渐变......Page 215 5.4.3 重复渐变......Page 217 5.5 阶段案例——制作音乐排行榜......Page 219 5.5.1 分析效果图......Page 220 5.5.2 制作页面结构......Page 221 5.5.3 定义CSS样式......Page 222 本章小结......Page 224 动手实践......Page 225 6.1.1 元素的浮动属性float......Page 226 6.1.2 清除浮动......Page 230 6.2 overflow属性......Page 237 6.3 元素的定位......Page 240 6.3.2 静态定位static......Page 241 6.3.3 相对定位relative......Page 242 6.3.4 绝对定位absolute......Page 243 6.3.6 z-index层叠等级属性......Page 247 6.4.1 元素的类型......Page 248 6.4.2 标记......Page 251 6.4.3 元素的转换......Page 252 6.5 阶段案例——制作网页焦点图......Page 254 6.5.1 分析效果图......Page 255 6.5.2 制作页面结构......Page 256 6.5.3 定义CSS样式......Page 257 动手实践......Page 260 7.1.1 表单的构成......Page 262 7.1.2 创建表单......Page 263 7.2 表单属性......Page 264 7.3 input元素及属性......Page 267 7.3.1 input元素的type属性......Page 269 7.3.2 input元素的其他属性......Page 280 7.4.1 textarea元素......Page 289 7.4.2 select元素......Page 290 7.4.3 datalist元素......Page 296 7.4.4 keygen元素......Page 297 7.5 CSS控制表单样式......Page 298 7.6.1 分析效果图......Page 302 7.6.2 制作页面结构......Page 303 7.6.3 定义CSS样式......Page 305 动手实践......Page 308 8.1 HTML5多媒体的特性......Page 310 8.2.1 视频和音频编解码器......Page 311 8.2.3 支持视频和音频的浏览器......Page 312 8.3 嵌入视频和音频......Page 313 8.3.1 在HTML5中嵌入视频......Page 314 8.3.2 在HTML5中嵌入音频......Page 317 8.3.3 音、视频中的source元素......Page 318 8.3.4 调用网页多媒体文件......Page 319 8.4 CSS控制视频的宽高......Page 322 8.5 视频和音频的方法和事件......Page 325 8.6 HTML5音、视频发展趋势......Page 327 8.7.1 分析效果图......Page 328 8.7.2 制作页面结构......Page 329 8.7.3 定义CSS样式......Page 330 本章小结......Page 333 动手实践......Page 334 9.1.1 transition-property属性......Page 336 9.1.2 transition-duration属性......Page 338 9.1.3 transition-timing-function属性......Page 339 9.2 变形......Page 341 9.2.2 2D转换......Page 342 9.2.3 3D转换......Page 352 9.3 动画......Page 358 9.3.1 @keyframes......Page 359 9.3.3 animation-duration属性......Page 360 9.3.4 animation-timing-function属性......Page 361 9.3.5 animation-delay属性......Page 363 9.3.7 animation-direction属性......Page 364 9.4 阶段案例——制作工作日天气预报......Page 366 9.4.1 分析效果图......Page 368 9.4.2 制作页面结构......Page 369 9.4.3 定义CSS样式......Page 370 9.4.4 制作CSS3动画......Page 374 本章小结......Page 379 动手实践......Page 380 第10章 实战开发——制作电商网站首页......Page 381 10.1 准备工作......Page 382 10.2 首页面详细制作......Page 389 动手实践......Page 420 Ben shu congHTML5 heCSS3 de ji chu zhi shi ru shou, zhong dian jiang jieHTML5 heCSS3 xin zeng gong neng he zui xin qian duan ji shu, tong guo da liang shi li duiHTML5 heCSS3 jin xing shen ru de fen xi, shi du zhe zai xue xi ji shu de tong shi, zhang woWebkai fa he she ji de jing sui, ti gao zong he ying yong neng li 本书共10章, 分别讲述了HTML5的基础知识, 包括HTML5的发展历史, HTML5的语法及文档基本格式等;CSS3入门及CSS3选择器, 包括CSS3发展历史等