Web前端设计基础

Web前端设计基础

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

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