中国大学MOOCWeb前端设计基础作业答案

Web前端设计基础

学校: 无

问题 1: 1. 下列属性中,用于定义外边距的是（ )。

选项:

• A. content

• B. padding

• C. border

• D. margin

答案: margin

问题 2: 2. 默认情况下,（ )元素设置width属性和height属性可以以生效。

选项:

• A. div

• B. span

• C. strong

• D. em

答案: div

问题 3: 3. 与以下 CSS 代码效果等同的是（ )。
.box { margin:10px 5px;margin-right:10px; margin-top:5px;}

选项:

• A. .box { margin:5px 10px 10px 5px; }

• B. .box{margin:5px 10px 0px 0px;}

• C. .box {margin:5px 10px; }

• D. .box { margin: 10px 5px 10px 5px;}

答案: .box { margin:5px 10px 10px 5px; }

问题 4: 4. 下列描述错误的是 ( )。

选项:

• A. 相对定位是相对于元素初始位置进行的定位

• B. 绝对定位是相对于浏览器窗口进行的定位

• C. 设置相对定位后,元素原本所占的空间仍保留

• D. 设置绝对定位后,元素原本所占的空间不保留

答案: 绝对定位是相对于浏览器窗口进行的定位

问题 5: 5. 已知一个设置了绝对定位的元素b位于其父元素a中，a元素设置为静态定位，则b元素将以 ( )为基准进行偏移。

选项:

• A. a元素

• B. b元素的初始位置

• C. html元素

• D. 以上答案都不对

答案: html元素

问题 6: 6. 下列关于浮动的描述不正确的是 ( )。

选项:

• A. 浮动的元素会变成块级元素

• B. 浮动元素会完全脱离该文档流，其他元素当它不存在

• C. 浮动定位与相对定位有很多相似之处

• D. 应该为所有浮动元素设定宽度，否则结果将是不可预知的

答案: 浮动元素会完全脱离该文档流，其他元素当它不存在

问题 7: 7. 下列不会让div元素脱离文档流的语句是 ( )

选项:

• A. position: fixed;

• B. position:relative;

• C. position:absolute;

• D. float:left;

答案: 请关注公众号【渝开搜题】查看答案

问题 8: 8. 默认情况下,下列关于定位布局的说法不正确的是 ( )。

选项:

• A. 固定定位元素的位置是相对于浏览器的4条边进行定位的

• B. 相对定位元素的位置是相对于原始位置进行定位的

• C. 绝对定位元素的位置是相对于原始位置进行定位的

• D. position属性的默认值是static

答案: 请关注公众号【渝开搜题】查看答案

问题 9: 9. 阅读下面的HTML代码，如果期望tabs子元素位于box父元素的右下角,则需要添加的CSS 代码是 ( )。

选项:

• A. #tabs{position:absolute; right:0; bottom:0;}

• B. #tabs { position:relative; right:0; bottom:0; }

• C. #box { position:relative;} #tabs { position:absolute; right:0; bottom:0; }

• D. #box { position:relative; } #tabs { position:right bottom; }

答案: 请关注公众号【渝开搜题】查看答案

问题 10: 10. 将元素相对自己原来的位置向上移动20px,正确的CSS属性设置是 ( )。

选项:

• A. position:relative; top:-20px;

• B. position:relative;top:20px;

• C. position:absolute; top:-20px;

• D. position:absolute; top:20px;

答案: 请关注公众号【渝开搜题】查看答案

问题 11: 1. 在网页中可以显示特殊字符，如果要输入空格，应使用（ ）

选项:

• A. nbsp;

• B. &Nbsp;

• C.

• D.

答案: 请关注公众号【渝开搜题】查看答案

问题 12: 2. 在 HTML5 中，用（ ）来表示特殊字符“<”。

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【渝开搜题】查看答案

问题 13: 3. 下列表示下标的是（ ）

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【渝开搜题】查看答案

问题 14: 4. 关于下列 HTML 代码，说法错误的是（ ）

首页

选项:

• A. 此标签用来创建一个超链接

• B. 目标网页在当前窗口中打开

• C. 超链接的链接地址是index.html

• D. 超链接文字是“首页”

答案: 请关注公众号【渝开搜题】查看答案

问题 15: 5. 标签表示的是（ ）

选项:

• A. 表格的一行

• B. 表格的一列

• C. 表格的一个单元格

• D. 表格的标题

答案: 请关注公众号【渝开搜题】查看答案

问题 16: 1. 下列是行级元素的是（ ）

选项:

• A. a

• B. div

• C. li

• D. p

答案: 请关注公众号【渝开搜题】查看答案

问题 17: 2. 下列网页模块命名不符合规范的是( )

选项:

• A. class="header">

• B. class="top">

• C. class="h">

• D. class="5h">

答案: 请关注公众号【渝开搜题】查看答案

问题 18: 3. 标签在页面中只能使用一次。

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 19: 4. 标签在页面中只能使用一次。

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 20: 5. 网页的 HTML 结构应该全部使用
标签和标签来实现。

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 21: 6. 网页模块的命名不能以数字开头。

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 22: 7. 标签的语义是一个小文本区域。

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 23: 1. CSS 的全称是（ ）

选项:

• A. Creative Style Sheets

• B. Colorful Style Sheets

• C. Computer Style Sheets

• D. Cascading Style Sheets

答案: 请关注公众号【渝开搜题】查看答案

问题 24: 2. 下列 CSS 语法正确的是（ ）

选项:

• A. body {color: black;}

• B. {body:color=black}

• C. body {color: black,}

• D. {body;color: black}

答案: 请关注公众号【渝开搜题】查看答案

问题 25: 3. 下列样式中，选择器的优先级最高的是（ ）

选项:

• A. p{color: #F00;}

• B. .one{color: #F00;}

• C. #aa{color: #F00;}

• D. *{color: #F00;}

答案: 请关注公众号【渝开搜题】查看答案

问题 26: 4. 下面关于 id 和 class 属性的说法中，正确的是（ ）

选项:

• A. id 属性值是唯一的，不同的页面中不允许出现相同的 id 属性值

• B. id 属性值就像你的名字，class 属性值就像你的身份证号

• C. 同一个页面中，不允许出现两个相同的 class 属性值

• D. 可以为不同的元素设置相同的 class 属性值来为它们定义相同的样式

答案: 请关注公众号【渝开搜题】查看答案

问题 27: 1. 设置 a 元素中的内容没有下划线的是（ ）

选项:

• A. a {text-decoration:no underline;}

• B. a {underline:none;}

• C. a {text-decoration:none;}

• D. a {decoration:no underline;}

答案: 请关注公众号【渝开搜题】查看答案

问题 28: 2. 设置 p 元素中的字体为粗体的是（ ）

选项:

• A. p {text-size:bold;}

• B. p {font-weight:bold;}

• C.

• D.

答案: 请关注公众号【渝开搜题】查看答案

问题 29: 3. CSS 样式语句“background-position:-5px 10px”的意义是（ ）

选项:

• A. 背景图像向左偏移 5px，向下偏移 10px

• B. 背景图像向左偏移 5px，向上偏移 10px

• C. 背景图像向右偏移 5px，向下偏移 10px

• D. 背景图像向右偏移 5px，向上偏移 10px

答案: 请关注公众号【渝开搜题】查看答案

问题 30: 4. 在 HTML 网页中添加如下 CSS 样式代码，当鼠标指针悬停在超链接上面时，网页中的超链接呈现的颜色为（ ）

body { color:red; }
a { color:black; }
a:link,a:visited { color:blue; }
a:hover,a:active { color:green; }

选项:

• A. 红色

• B. 绿色

• C. 蓝色

• D. 黑色

答案: 请关注公众号【渝开搜题】查看答案

问题 31: 5. 关于元素的背景图像，以下说法正确的是（ ）

选项:

• A. 设置背景图像后，元素的宽高默认和背景图像的原始宽高相等

• B. 背景图像只能设置一张

• C. 修改背景图像的宽度后，其高度也会等比例缩放

• D. 默认情况下，当背景图像尺寸小于元素尺寸时，背景图像会重复显示

答案: 请关注公众号【渝开搜题】查看答案

问题 32: 6. 在 HTML 网页中，如果需要在 CSS 中设置文本的字体是隶书，则需要设置文本的（ ）属性。

选项:

• A. font-family

• B. font-size

• C. font-style

• D. face

答案: 请关注公众号【渝开搜题】查看答案

问题 33: 7. 下列不是边框线型的是（ ）

选项:

• A. background

• B. solid

• C. dashed

• D. double

答案: 请关注公众号【渝开搜题】查看答案