html+css网页设计复习题.docxVIP

html+css网页设计复习题

一、选择题

1.在HTML中，用于创建超链接的标签是（）

A.`a`

B.`img`

C.`p`

D.`h1`

答案：A

解析：`a`标签用于创建超链接，`img`标签用于插入图片，`p`标签用于定义段落，`h1`标签用于定义一级标题。

2.以下哪种CSS选择器的优先级最高（）

A.类选择器

B.ID选择器

C.标签选择器

D.通配符选择器

答案：B

解析：CSS选择器优先级从高到低依次为：内联样式ID选择器类选择器标签选择器通配符选择器。

3.在HTML中，设置表格边框的属性是（）

A.`bordercolor`

B.`borderstyle`

C.`border`

D.`borderwidth`

答案：C

解析：`border`属性可以同时设置表格边框的宽度、样式和颜色；`bordercolor`用于设置边框颜色，`borderstyle`用于设置边框样式，`borderwidth`用于设置边框宽度。

4.要使一个元素在水平和垂直方向上都居中，以下CSS代码正确的是（）

```css

A.

.element{

position:absolute;

top:50%;

left:50%;

transform:translate(50%,50%);

}

B.

.element{

position:relative;

top:50%;

left:50%;

transform:translate(50%,50%);

}

C.

.element{

position:fixed;

top:50%;

left:50%;

transform:translate(50%,50%);

}

D.

.element{

position:static;

top:50%;

left:50%;

transform:translate(50%,50%);

}

```

答案：A

解析：要实现元素在水平和垂直方向上都居中，通常使用绝对定位`position:absolute`，结合`top:50%;left:50%;`将元素的左上角定位到父元素的中心，再使用`transform:translate(50%,50%);`将元素向上和向左移动自身宽度和高度的一半。`position:relative`是相对定位，不会脱离文档流；`position:fixed`是固定定位，相对于浏览器窗口；`position:static`是默认值，元素正常布局，`top`、`left`和`transform`对其无效。

5.以下哪个HTML5标签用于定义页面的侧边栏内容（）

A.`article`

B.`section`

C.`aside`

D.`nav`

答案：C

解析：`article`标签用于表示独立的、完整的内容；`section`标签用于对页面进行分段；`aside`标签用于定义与页面主要内容间接相关的侧边栏内容；`nav`标签用于定义导航链接。

二、填空题

1.HTML中用于定义无序列表的标签是`ul`，定义列表项的标签是______。

答案：`li`

解析：在HTML中，`ul`标签用于创建无序列表，`li`标签用于定义列表中的每一项。

2.CSS中，设置元素透明度的属性是______，取值范围是0到1。

答案：`opacity`

解析：`opacity`属性用于设置元素的透明度，值为0时元素完全透明，值为1时元素完全不透明。

3.在HTML中，`input`标签的`type`属性值为______时，用于创建一个提交按钮。

答案：`submit`

解析：当`input`标签的`type`属性值为`submit`时，会创建一个提交按钮，用于提交表单数据。

4.CSS中，清除浮动的属性是______。

答案：`clear`

解析：`clear`属性用于指定元素的哪一侧不允许有浮动元素，常见取值有`left`、`right`、`both`等。

5.HTML5中用于定义视频的标签是______。

答案：`video`

解析：`video`标签是HTML5新增的用于在网页中嵌入视频的标签。

三、判断题

1.HTML标签必须严格区分大小写。（）

答案：错误

解析：HTML标签不区分大小