一张网页主要是由文本内容、对其他文件的引用和标记构成的。
本书作为HTML5与CSS3的基础教程，恰到好处地提供了Web初学者所应掌握的知识——编写语义化的HTML页面与简单的CSS样式表。
HTML5在原有的HTML基础上，新增了很多语义化元素。语义化使得页面结构清晰完整（不再是清一色的div元素），提升了网站的可访问性，有利于CSS样式表的编写与维护。什么——你想增加网络爬虫的采集难度，让Google爬虫引擎多干些活？
HTML5中新增的语义化元素有：header、main、nav、section、article、aside、footer、video、audio、figure、figcaption、small、strong、em、b、i、cite、blockquote、q、time、address、pre、code、mark、del、ins、s、abbr、dfn、sub、sup、以及新的表单控件……
渐进增强：HTML提供基本内容，CSS提供样式布局，JavaScript提供额外行为。
响应式Web设计，需要通过媒体查询和设置宽度断点，来实现——图像与媒体资源的可伸缩、页面结构的弹性布局。
文摘
CSS样式规则由选择器（选取哪些元素进行格式化）和声明块（描述要执行的格式化）组成。声明块以前花括号开始，以后花括号结束，其中的每条声明都是由以冒号隔开、分号结尾的名-值对构成的。
CSS选择器：
元素选择器
上下文选择器
类/ID选择器
伪类/伪元素选择器
属性选择器
选择器 |
属性值 |
|---|---|
[attribute] |
匹配指定属性，不论具体值是什么 |
[attribute="value"] |
完全匹配指定属性值 |
[attribute~="value"] |
属性值是以空格分隔的多个单词，其中有一个完全匹配指定值 |
[attribute|="value"] |
属性值以value-打头 |
[attribute^="value"] |
值以value开头，value为完整的单词或单词的一部分 |
[attribute$="value"] |
属性值以value结尾，value为完整的单词或单词的一部分 |
[attribute*="value"] |
值为指定值的子字符串 |
同一CSS属性的层叠规则：相同引入方式，遵循顺序性、特殊性、重要性；不同引入方式，遵循默认样式、外部样式、嵌入样式、内联样式。
CSS中的盒模型：每个元素都包含在一个不可见的盒子里，由内容区域、内边距、边框、外边距构成。