响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 第1章 HTML5+CSS3初体验 课后练习

文章目录

               一、填空题

               二、判断题

               三、选择题

               四、简答题

               相关知识点：

---

一、填空题

1.

表示页面中一个内容区块或整个页面的标题。

2.

表示页面中一块与上下文不相关的独立内容，如一篇文章。

3.CSS的引入方式有3种，分别是行内式、内嵌式和链入式。

4.CSS的浮动可以通过float属性进行设置。

5.通用选择器*{}用来选择所有元素。

6.HTML5中用对代码进行解释，不会呈现在页面上。

二、判断题

1.HTML5的一个核心理念就是保持一切新特性与原有功能保持平滑过渡。（√）

2.CSS3是CSS的当前最新版本，该版本提供了更加丰富且实用的规范。（√）

3.background-color用于设置元素的背景图片。（×）

4.标签标志着HTML文档的开始。（√）

三、选择题

1.下列选项中，不属于HTML5优势的是（B）。

A.进化而非颠覆    B.组件丰富  C.强化HTML5 API，让页面设计更加简单  

D.良好的用户体验

2.下列选项中，不属于HTML5语义化标签的是（C）。

A．

    B.

  C.

  D.

3.下列选项中，可以实现元素圆角效果的是（B）。

A.border     B.border-radius   C.arc   D.circle

4.下列选项中，可以实现元素向左浮动的是（C）。

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语义化标签：

标签名	描述
	表示页面中一个内容区块或整个页面的标题
	表示页面中的一个内容区块，如章节、页眉、页脚或页面的其它部分，可以和h1、h2…元素结合起来使用，用于描述文档结构
	表示页面中一块与上下文不相关的独立内容，如一篇文章
	表示 标签内容之外的、与 标签内容相关的辅助信息
	表示对整个页面或页面中的一个内容区块的标题进行组合
	表示一段独立的流内容，一般表示文档主体流内容中的一个 独立单元
	定义 标签的标题(独立单元标题)
	表示页面中的导航链接的部分
	表示整个页面或页面中的一个内容区块的脚注。一般来说，它会包含创作者的姓名、创作日期及联系方式

注意：标签位于文档的最前面，用于向浏览器说明当前文档使用的HTML版本，不可省略。

标签用来描述HTML文档的属性。charset属性表示HTML文档应该使用哪种字符集编码。（网页打开后是乱码，可能是没有设置charset的值，或者设置有误。）

中的内容用于对代码进行解释，不会呈现在页面上。

五、CSS的引入方式：（1）行内式（2）内嵌式（3）链入式