文章目录
? ? ? ? ? ? ? ?一、填空题
? ? ? ? ? ? ? ?二、判断题
? ? ? ? ? ? ? ?三、选择题
? ? ? ? ? ? ? ?四、简答题
? ? ? ? ? ? ? ?相关知识点：
1.<header>表示页面中一个内容区块或整个页面的标题。
2.<article>表示页面中一块与上下文不相关的独立内容，如一篇文章。
3.CSS的引入方式有3种，分别是行内式、内嵌式和链入式。
4.CSS的浮动可以通过float属性进行设置。
5.通用选择器*{}用来选择所有元素。
6.HTML5中用<!- ->对代码进行解释，不会呈现在页面上。
A.进化而非颠覆 ???B.组件丰富 ?C.强化HTML5 API，让页面设计更加简单 ?
D.良好的用户体验
A．<header>??? B.<nav>? C.<div>? D.<footer>
A.border???? B.border-radius?? C.arc?? D.circle
A.float:bottom?? ?B.float:right? ???C.float:left?? ??D.float:top
答：盒子由外边距（margin）、边框（border）、内边距（padding）和内容（content）4部分组成。
一、HTML5的优势：（1）进化而非颠覆（2）化繁为简（3）良好的用户体验
CSS3的优势：（1）节约成本（2）提高性能
二、HTML5的核心理念：将一切新特性与原有功能保持平滑过渡
HTML5的8个类别的革新：（1）语义化（Semantics）（2）离线和存储（Offline & Storage）（3）设备访问（Device Access）（4）通信（Connectivity）（5）多媒体（Multimedia）（6）图形和特效（3D，Graphics & Effects）（7）性能和集成（Performance & Integration）（8）呈现（CSS3）
HTML5的规范：以“用户至上”为宗旨。规范的优先级：用户＞页面作者＞实现者（浏览器）＞规范开发者（W3C/WHATWG）＞纯理论
三、CSS概念：层叠式样式表（Cascading Style Sheet），主要用于设置HTML页面中的各种元素的样式。CSS3是目前CSS规范的最新版本，在CSS2.1的基础上增加了很多强大的新功能。
四、HTML5语义化标签：
| 标签名 | 描述 |
| <header> | 表示页面中一个内容区块或整个页面的标题 |
| <section> | 表示页面中的一个内容区块，如章节、页眉、页脚或页面的其它部分，可以和h1、h2…元素结合起来使用，用于描述文档结构 |
| <article> | 表示页面中一块与上下文不相关的独立内容，如一篇文章 |
| <aside> | 表示<article>标签内容之外的、与<article>标签内容相关的辅助信息 |
| <hgroup> | 表示对整个页面或页面中的一个内容区块的标题进行组合 |
| <figure> | 表示一段独立的流内容，一般表示文档主体流内容中的一个 独立单元 |
| <figcaption> | 定义<figure>标签的标题(独立单元标题) |
| <nav> | 表示页面中的导航链接的部分 |
| <footer> | 表示整个页面或页面中的一个内容区块的脚注。一般来说，它会包含创作者的姓名、创作日期及联系方式 |
注意：<!DOCTYPE>标签位于文档的最前面，用于向浏览器说明当前文档使用的HTML版本，不可省略。
<meta>标签用来描述HTML文档的属性。charset属性表示HTML文档应该使用哪种字符集编码。（网页打开后是乱码，可能是没有设置charset的值，或者设置有误。）
<!-->中的内容用于对代码进行解释，不会呈现在页面上。
五、CSS的引入方式：（1）行内式（2）内嵌式（3）链入式