零基础入门学习Web开发（HTML5 & CSS3）

本书首先讲解Web开发的基础知识，以及HTML5的语法、标记方法、元素；然后讲解CSS中经典属性的用法，CSS3中的选择器、背景、边框、盒子模型、布局方式、动画、滤镜，以及针对多种浏览器应该怎样在代码中设置各种属性等。 本书适合想要学习Web开发和从事Web开发工作的读者阅读，也可作为高等院校相关专业师生的学习用书和培训学校的教材。

第　1章 概述　1 1.1　Web开发是什么　1 1.2　学习Web开发有前途吗　1 1.3　Web的发展史　3 第　2章 网页基础　4 2.1　第 一个程序　4 2.2　img元素和a元素　6 2.3　“多才多艺”的meta元素　7 2.3.1　声明文档编码　7 2.3.2　实现网页自适应　9 2.3.3　搜索引擎优化　10 2.3.4　网页自动跳转　11 2.4　为网页添加样式　11 2.5　link元素　14 2.5.1　链接外部样式表　14 2.5.2　链接网站图标　16 2.6　绝对路径和相对路径　16 2.7　base元素　17 2.8　JavaScript初体验　18 2.8.1　定义文档内嵌脚本　18 2.8.2　引用外部脚本　18 2.8.3　延迟执行脚本　19 2.8.4　异步执行脚本　21 2.8.5　noscript元素　21 第3章　标记文字的元素　22 3.1　注释　22 3.1.1　HTML的注释　22 3.1.2　CSS的注释　23 3.1.3　JavaScript的注释　24 3.2　块级元素和行内元素　25 3.3　pre元素　26 3.3.1　预格式化　27 3.3.2　字符实体　28 3.4　code元素　29 3.5　var、kbd、samp元素　30 3.6　q元素　30 3.7　blockquote元素　31 3.8　cite元素　33 3.9　abbr元素　33 3.10　dfn元素　34 3.11　address元素　34 3.12　ruby元素　35 3.13　bdo元素　35 3.14　strong元素和b元素　36 3.15　em元素和i元素　36 3.16　使用CSS代替b元素和i元素　37 3.17　del元素和ins元素　38 3.18　s元素　38 3.19　mark元素　39 3.20　sup元素和sub元素　39 3.21　small元素　39 第4章　列表　41 4.1　ul元素　41 4.2　ol元素　41 4.3　两个与列表相关的CSS属性　43 4.4　列表嵌套　45 4.5　定义列表　46 第5章　表格　48 5.1　实现表格　48 5.2　给表格添加边框　49 5.3　给表格添加标题　50 5.4　分割表格　52 第6章　表单　57 6.1　form元素　57 6.2　button元素　58 6.3　一些常用的功能　59 6.3.1　自动填充　59 6.3.2　指定目标显示位置　61 6.3.3　设置默认值　61 6.3.4　自动聚焦　61 6.3.5　禁用元素　61 6.4　label元素　62 6.5　fieldset元素　63 6.6　legend元素　64 6.7　select元素和option元素　64 6.8　optgroup元素　65 第7章　“万能”的input元素　67 7.1　按钮　67 7.2　单选框　68 7.3　复选框　68 7.4　时间和日期　69 7.5　搜索框　70 7.6　颜色选择框　70 7.7　图像按钮　71 7.8　隐藏input元素　72 7.9　上传文件　73 7.10　限定数字输入　75 7.11　限定数值范围　76 7.12　数值滚动条　76 7.13　邮箱、电话号码和网址　77 7.14　placeholder属性　78 7.15　required属性　78 7.16　size属性　79 7.17　maxlength属性　79 7.18　list属性和datalist元素　80 第8章　其他表单元素　81 8.1　输出计算结果　81 8.2　接收多行文本输入　81 第9章　div和语义化布局　84 9.1　div元素　84 9.2　语义化布局　88 第　10章 嵌入　92 10.1　嵌入图片　92 10.1.1　map和area元素　92 10.1.2　picture和source元素　93 10.1.3　figure和figcaption元素　94 10.2　嵌入视频　94 10.2.1　video元素　94 10.2.2　播放控件和自动播放　95 10.2.3　视频预加载　96 10.2.4　视频封面　96 10.2.5　多个视频文件　97 10.3　嵌入音频　97 10.4　嵌入字幕　97 10.5　嵌入网页　98 10.6　meter元素和progress元素　100 第　11章 CSS语法　102 11.1　什么是CSS　102 11.2　CSS基础语法　103 11.2.1　内联样式　103 11.2.2　内部样式表　104 11.2.3　外部样式表　104 第　12章 基本选择器与复合选择器　106 12.1　基本选择器　106 12.1.1　通用选择器　107 12.1.2　元素选择器　107 12.1.3　类选择器　109 12.1.4　id选择器　110 12.2　复合选择器　110 12.2.1　交集选择器　111 12.2.2　并集选择器　111 12.2.3　后代选择器　112 12.2.4　子元素选择器　113 12.2.5　相邻兄弟选择器　113 12.2.6　通用兄弟选择器　114 第　13章 伪元素选择器　115 13.1　::first-line选择器　115 13.2　::first-letter选择器　116 13.3　::before选择器和::after选择器　117 13.4　::selection选择器　118 第　14章 动态伪类选择器和UI伪类选择器　119 14.1　动态伪类选择器　119 14.2　UI伪类选择器　122 第　15章 结构伪类选择器和其他伪类选择器　128 15.1　结构伪类选择器　128 15.2　其他伪类选择器　134 15.3　如何区分伪类选择器和伪元素选择器　136 第　16章 属性选择器　139 16.1　使用属性选择器精确匹配　139 16.2　使用属性选择器模糊匹配　142 第　17章 颜色和背景　144 17.1　颜色　144 17.1.1　前景色　144 17.1.2　RGB　145 17.1.3　HEX和HSL　145 17.1.4　RGBA和HSLA　146 17.2　背景　146 17.2.1　背景色　146 17.2.2　背景图像　147 17.2.3　重复背景图像　148 17.2.4　背景图像的位置　149 17.2.5　背景图像的尺寸　150 17.2.6　背景图像的附着方式　151 17.2.7　背景图像的起始位置和显示区域　151 17.2.8　background属性的简写形式　153 第　18章 盒子模型　154 18.1　边框　154 18.1.1　边框样式　154 18.1.2　边框宽度　155 18.1.3　边框颜色　156 18.1.4　border属性的简写形式　156 18.1.5　为边框设置样式、宽度、颜色　157 18.1.6　圆角边框　158 18.1.7　图像边框　160 18.2　内边距　162 18.3　外边距　163 18.4　水平居中　164 18.5　外边距塌陷　165 18.6　设置元素的尺寸　167 18.7　设置元素的最小尺寸和最大尺寸　168 18.8　处理溢出问题　169 18.9　轮廓　171 18.10　阴影　174 第　19章 经典网页布局（上）　176 19.1　设置元素的显示类型　176 19.1.1　块级元素　177 19.1.2　行内元素　178 19.1.3　行内块元素　180 19.1.4　隐藏元素　181 19.1.5　控制元素的可见性　182 19.2　浮动　184 19.3　利用float实现多列布局　187 19.4　清除浮动　190 19.5　定位　192 19.6　z-index属性　195 19.7　利用position实现多列布局　196 19.8　BFC　197 19.8.1　BFC的对齐方式　197 19.8.2　创建一个新的BFC　198 19.8.3　外边距塌陷　199 19.8.4　容纳浮动元素　201 19.8.5　阻止文本环绕　204 19.9　多列布局　204 第　20章 经典网页布局（下）　211 20.1　居中　211 20.2　单列布局　215 20.3　两列布局　217 20.4　三列布局　219 20.4.1　浮动法　219 20.4.2　绝对定位法　220 20.4.3　负外边距法　220 20.5　双飞翼布局　223 20.6　杯状布局　224 20.7　瀑布流布局　225 第　21章 弹性盒布局　229 21.1　弹性容器和弹性元素　229 21.2　主轴和垂轴　235 21.3　主轴上的对齐方式　239 21.4　垂轴上的对齐方式　240 21.5　多行弹性元素的对齐方式　243 21.6　order属性　244 21.7　弹性盒布局“弹”的到底是什么呢　245 21.8　设置弹性元素的压缩比例　247 21.9　设置弹性元素的放大比例　249 21.10　设置弹性元素的初始尺寸　250 21.11　弹性元素的特征　251 第　22章 栅格布局　253 22.1　创建栅格容器　255 22.2　定义栅格轨道　256 22.3　定义栅格区域　257 22.4　定义栅格间距　260 22.5　一些关键字和函数　261 22.5.1　fr　261 22.5.2　auto　261 22.5.3　min-content和max-content　262 22.5.4　repeat()　262 22.5.5　auto-fill　262 22.5.6　minmax()　262 22.5.7　auto-fit　263 22.5.8　fit-content()　263 22.6　栅格布局的对齐方式　264 22.6.1　justify-content属性　265 22.6.2　align-content属性　265 22.6.3　justify-items属性　266 22.6.4　align-items属性　267 22.6.5　justify-self和align-self属性　267 22.6.6　place-content、place-items和place-self属性　268 22.7　栅格线　269 22.7.1　命名栅格线　269 22.7.2　grid-column-start、grid-column-end和grid-row-start、grid-row-end 　属性　270 22.7.3　grid-column和grid-row属性　272 22.7.4　grid-area属性　272 22.7.5　修改重叠的顺序　273 22.8　定义栅格元素的放置规则　274 22.8.1　grid-auto-flow属性　274 22.8.2　grid-auto-columns和grid-auto-rows属性　276 22.9　grid属性　277 22.10　栅格元素的特性　278 第　23章 文本样式和字体　280 23.1　设置文本对齐　280 23.2　保留空白字符　281 23.3　设置文本的方向　282 23.4　设置缩进　283 23.5　设置间距　284 23.6　纵向对齐文本　285 23.7　创建文本阴影　286 23.8　控制断词　287 23.9　控制文本溢出　288 23.10　装饰文本　289 23.11　转换大小写　290 23.12　设置字体　291 23.12.1　font-family属性　291 23.12.2　font-size属性　293 23.12.3　font-weight、font-style和font-variant属性　293 23.13　使用Web字体　295 第　24章 过渡、变形和动画　296 24.1　过渡　296 24.2　变形　300 24.2.1　旋转　300 24.2.2　移动　301 24.2.3　缩放　302 24.2.4　倾斜　303 24.2.5　变形原点　304 24.2.6　3D变形方式　305 24.2.7　修改视域　306 24.2.8　处理元素的背面　308 24.3　动画　309 24.3.1　关键帧　309 24.3.2　让元素动起来　311 24.3.3　指定动画开始前的延迟　311 24.3.4　指定动画循环的次数　312 24.3.5　指定动画的方向　312 24.3.6　指定动画的速度曲线　313 24.3.7　重复关键帧属性　314 24.3.8　指定动画的填充模式　315 24.3.9　简写　316 第　25章 滤镜、混合模式、裁剪和遮罩　317 25.1　滤镜　317 25.1.1　blue()　317 25.1.2　brightness()　318 25.1.3　contrast()　318 25.1.4　saturate()　319 25.1.5　grayscale()　319 25.1.6　sepia()　320 25.1.7　hue-rotate()　320 25.1.8　invert()　321 25.1.9　opacity()　321 25.1.10　drop-shadow()　322 25.1.11　应用多个滤镜　322 25.1.12　SVG滤镜　323 25.2　混合模式　324 25.2.1　变暗、正片叠底和颜色加深　324 25.2.2　变亮、滤色和颜色减淡　326 25.2.3　叠加、柔光和强光　327 25.2.4　差值和排除　328 25.2.5　色相、饱和度、颜色和明度　329 25.2.6　多张背景图像的混合　330 25.3　裁剪　331 25.4　蒙版　333 25.5　置换元素的填充与定位　334 第　26章 其他CSS特性　336 26.1　优先级　336 26.2　透明度　339 26.3　渐变　340 26.3.1　线性渐变　340 26.3.2　径向渐变　343 26.4　CSS变量　344 26.5　CSS计数器　345 26.6　媒体查询　347