收藏
下载资源下载资源 加入VIP,免费下载

HTML+CSS测试.docx

上传人：b****3 文档编号：5296692 上传时间：2023-05-08 格式：DOCX 页数：15 大小：37.05KB
下载 相关 举报
HTML+CSS测试.docx_第1页
第1页 / 共15页
HTML+CSS测试.docx_第2页
第2页 / 共15页
HTML+CSS测试.docx_第3页
第3页 / 共15页
HTML+CSS测试.docx_第4页
第4页 / 共15页
HTML+CSS测试.docx_第5页
第5页 / 共15页
HTML+CSS测试.docx_第6页
第6页 / 共15页
HTML+CSS测试.docx_第7页
第7页 / 共15页
HTML+CSS测试.docx_第8页
第8页 / 共15页
HTML+CSS测试.docx_第9页
第9页 / 共15页
HTML+CSS测试.docx_第10页
第10页 / 共15页
HTML+CSS测试.docx_第11页
第11页 / 共15页
HTML+CSS测试.docx_第12页
第12页 / 共15页
HTML+CSS测试.docx_第13页
第13页 / 共15页
HTML+CSS测试.docx_第14页
第14页 / 共15页
HTML+CSS测试.docx_第15页
第15页 / 共15页
亲，该文档总共15页，全部预览完了，如果喜欢就下载吧！
下载资源
资源描述

HTML+CSS测试.docx

《HTML+CSS测试.docx》由会员分享，可在线阅读，更多相关《HTML+CSS测试.docx（15页珍藏版）》请在冰点文库上搜索。

HTML+CSS测试.docx

HTML+CSS测试

一、选择题（每题2分）

1.以下关于HTML的基本标签说法正确的是（）。

  （选择一项）

A:

HTML共提供了６级标题，

字号最小，

字号最大

B:

段落标签

中可以包含多行文字，文字内容将随浏览器窗口大小自动换行

C:

水平线标签
的作用是为了让版面更加清晰直观

D:

标签……的作用是使字体加粗并斜体显示

2.在CSS中，可用于设置文本的行高的属性是（）。

  （选择一项）

A:

text-indent

B:

letter-spacing

C:

text-align

D:

line-height

3.在制作网页时，以下关于overflow属性说法正确的是（）。

（选择一项）

A:

overflow属性的常见值有visible、hidden、scrolling、auto

B:

当属性值为hidden时，如果内容被修剪，则浏览器会显示滚动条以便查看其余内容

C:

visible为overflow属性的默认值，内容会被修剪，并且其余内容是不可见的

D:

可以使用overflow属性与盒子宽度配合使用，清除浮动来扩展盒子的高度

4.在HTML中，以下关于CSS样式中文本及字体属性的说法，错误的是（）。

  （选择一项）

A:

font-size用来设置文本的字体大小

B:

text-align用来设置文本对齐方式

C:

font-type用来定义字体类型

D:

font-weight用来定义字体的粗细

5.以下关于复合选择器说法错误的是（）。

  （选择一项）

A:

复合选择器分为后代选择器、交集选择器和并集选择器

B:

后代选择器的写法就是把外层的标签写在前面，内层的标签写在后面，之间用空格分隔

C:

交集选择器是由两个选择器直接连接构成，两个选择器可以是类选择器或者ID选择器

D:

并集选择是多个选择器通过逗号连接而成的

6.下列关于HTML代码段中的z-index属性说法正确的是（）。

.tipText{

display:

none;

position:

absolute;

z-index:

2;

left:

10px;

top:

36px;

}

……

  （选择一项）

A:

z-index属性的值取值范围是0~100

B:

此段代码中的CSS样式必须设置z-index属性，否则会出现语法错误

C:

此段代码中的z-index属性设置为2或-2，效果是一样的

D:

z-index属性用于改变层的左右位置

7.在HTML中，若实现下图所示效果，编码正确的是（）。

  （选择一项）

A:

学员姓名

分数

语文

数学

B:

学员姓名

分数

语文

数学

C:

学员姓名

分数

语文

数学

D:

学员姓名

分数

语文

数学

8.CSS中选择器的分类不包括（）

A:

标签选择器

B:

类选择器

C:

文字选择器

D:

ID选择器

9.以下关于HTML代码说法正确的是（）。

img{clear:

both;}

A:

将标签左侧的浮动元素清除

B:

将标签右侧的浮动元素清除

C:

将标签两侧的浮动元素清除

D:

设置标签两侧允许浮动

10.在HTML中，以下关于样式表的优点描述不正确的是（）。

A:

实现内容和表现的分离

B:

页面布局更加灵活

C:

有利于提高网页浏览速度

D:

不利于搜索引擎搜索

11.在HTML中，下面form标签中的action属性用于设置（）。

--文本框、按钮等表单元素-->

A:

表单的样式

B:

表单提交方法

C:

表单提交地址

D:

表单名称

12.在下列选项中，属于ID选择器的是（）。

A:

#span{width:

100%;border:

1pxsolid#cccccc;}

B:

pa{text-decoration:

underline;font-size:

14px;}

C:

.h1{color:

#000000;font-family:

"宋体";float:

left;}

D:

strong{color:

#000000;font-family:

"宋体";}

13.在HTML中页面效果如下图所示，则需设置input标签的（）。

（选择两项）

A:

type="text"

B:

class="text"

C:

value="请输入您的职业"

D:

name="请输入您的职业"

14.在CSS样式表中，设置页面背景图片，下列语法正确的是（）。

A:

background:

url（images/icon.jpg）lefttopno-repeat#CCCCCC;

B:

background:

link（images/icon.jpg）lefttopno-repeat;

C:

background:

url（images/icon.jpg）lefttoprepeat_x;

D:

background:

src（images/icon.jpg）lefttoprepeat-x;

15.当图片显示异常时，能够实现如下图示效果的选项是（）。

A:

B:

C:

D:

16.如下所示的网页效果，正确的HTML代码为（）。

A:

    选择您爱的季节：

  1. 春天

  2. 夏天

  3. 秋天

  4. 冬天

B:

C:

  1. 选择您爱的季节：

  2. 春天

  3. 夏天

  4. 秋天

  5. 冬天

D:

17.阅读以下HTML代码，描述正确的是（）。

……

.title{color:

#F00;font-size:

14px;text-align:

center;text-decoration:

underline;}

……

A:

此样式是设置字体的背景颜色是红色，字体大小是14像素，居中显示，带下划线

B:

此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，带下划线

C:

此样式是设置字体的背景颜色是红色，字体大小是14像素，居左显示，带下划线

D:

此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，不带下划线

18.为了让以下id为container的div能够水平居中，需要的CSS样式是（）。

页面正文

A:

#container{width:

880px;padding:

0pxauto;}

B:

#container{width:

880px;padding:

auto0px;}

C:

#container{width:

880px;margin:

auto0px;}

D:

#container{width:

880px;margin:

0pxauto;}

19.CSS盒子模型中表示内容与边框间的距离的属性为（），表示盒子与其它盒子之间的距离的属性为（）。

A:

paddingmargin

B:

paddingborder

C:

marginpadding

D:

marginborder

20.在CSS选择器中，以下选项（）属于后代选择器。

（选择两项）

A:

input.bg

B:

input.bg

C:

h3,.second,#sty

D:

.txttd

21.在HTML中使用标签连接的样式表是（）。

A.行内样式表

B.内部样式表

C．外部样式表

D.导入样式表

22.设置字体属性的时候，为了简化代码可以将字体的类型，风格，大小，粗细写在font属性里边,下边正确的顺序是：

（）

A．font-family->font-size->font-width->font-style

B.font-style->font-size->font-family->font-width

C．font-style->font-family->font-width->font-size

D.font-style->font-width->font-size->font-family

23.在以下超链接的伪类中，设置鼠标悬浮的属性是：

（）

A.a:

hover

B.a:

active

C.a:

visited

D:

a:

link

24.以下关于HTML代码说法正确的是（）。

img{clear:

both;}

A:

将标签左侧的浮动元素清除

B:

将标签右侧的浮动元素清除

C:

将标签两侧的浮动元素清除

D:

设置标签两侧允许浮动

25.以下关于HTML中段落标签的说法错误的是（）。

A:

段落标签

…

必须成对出现，否则会报错

B:

一个段落中可以包含一行文字

C:

一个段落中可以包含多行文字

D:

如果一个段落中包含多行文字，文字内容将随浏览器窗口的大小自动换行

26.以下关于标准文档流的说法错误的是（）。

A:

标题标签、段落标签、

标签都是块级元素

B:

……标签是内联元素

C:

标签可以包含于标签中

D:

display属性可以控制块级元素和内联元素的显示方式

27.下图所示的页面中，可能使用的标签不包括（）。

A:

B:

    C:

  • D:

      28.在HTML中，关于表单描述错误的是（）。

      A:

      以

      标签开始，以
      标签结束

      B:

      属性action是指表单提交的地址

      C:

      属性method是指表单提交的方式

      D:

      一个网页中只能有一个表单

      29.为了让以下id为container的div能够水平居中，需要的CSS样式是（）。

      页面正文

A:

#container{width:

880px;padding:

0pxauto;}

B:

#container{width:

880px;padding:

auto0px;}

C:

#container{width:

880px;margin:

auto0px;}

D:

#container{width:

880px;margin:

0pxauto;}

30.下列CSS样式语句中，选项（）可以实现如图所示的效果。

努力学习，好找工作

A:

div{width:

200px;border:

#0000FF1px;}

B:

#test{width:

200px;border:

#0000FFsolid1px;}

C:

.test{width:

200px;border:

#0000FFsolid1px;}

D:

.test{width:

200px;border:

#0000FFdashed1px;}

31.在CSS样式表中，设置页面背景图片，下列语法正确的是（）。

A:

background:

url（images/icon.jpg）lefttopno-repeat#CCCCCC;

B:

background:

link（images/icon.jpg）lefttopno-repeat;

C:

background:

url（images/icon.jpg）lefttoprepeat_x;

D:

background:

src（images/icon.jpg）lefttoprepeat-x;

32.在HTML中，关于下列代码说法错误的是（）。

首页

A:

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

B:

目标窗口在当前窗口中打开

C:

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

D:

超链接文字是“首页”

33.在定位网页元素的时候，为了让该元素以他的父亲元素为基准进行偏移，我们的做法是：

（）

A.设置该元素左浮动

B.设置该元素的父亲元素的定位方式为position：

absolute

C.设置该元素的父亲元素左浮动

D.设置该元素以及该元素的父亲元素左浮动

34.在CSS中，如果需要清除浮动层对文本的影响，下列说法正确的是：

（）

A．为浮动层增加clear属性，并设置其属性值为both

B.为浮动层增加clear属性，并设置其属性值为none

C.为放置文本的标签增加clear属性，并设置其属性为both

D.为放置文本的标签增加clear属性，并未其设置属性为none

35.在CSS中，下列overflow属性值（）与盒子高度配合使用可以扩展盒子高度。

A.scroll

B.auto

C.visible

D.hidden

36.在HTML页面中有一个

宽度为200px,高度为120px,其中内容在垂直方向溢出，要求仅在溢出方向上显示滚动条，则下列代码正确的是：

（）

A．div{width:

200px;height:

120px;overflow:

hidden;}

B.div{width:

200px;height:

120px;overflow:

auto;}

C.div{width:

200px;height:

120px;overflow:

scroll;}

D.div{width:

200px;height:

120px;overflow:

visible;}

37.在HTML中，下列标签（）是内联元素。

（选择两项）

A.

标签B.
  • 标签

    C.标签D.标签

    38.以下关于盒子模型的说法正确的是：

    （）

    A．margin-left表示设置盒子模型的右外边距

    B.padding表示盒子与盒子之间的距离

    C．margin是盒子内元素与边框border的边距

    D．border：

    1px#F00solid;表示的是盒子的4条边均为1像素的红色实线

    39.在CSS中，能够去掉项目列表符号的属性是：

    （）（选择两项）

    A．list-style-images属性

    B.list-style-position属性

    C.list-style属性

    D.list-style-type属性

    40.将

    标签中的文字大小设置为18px，颜色为#336699，文本中有删除线，则下列CSS正确的是（）

    A.p{font-size:

    18px;color:

    #336699;text-decoration:

    overline;}

    B.p{font-size:

    18px;color:

    #369;text-decoration:

    line-through;}

    C.p{font-size:

    18px;color:

    #336699;text-decoration:

    underline}

    D.p{font-size:

    18px;color:

    #369;text-decoration:

    blink;}

    2、填空题（20分）

    已知网页如下图所示，请将代码填写完整（文本框初始宽度为30，密码最大输入字符为20）

    请输入姓名：

    请输入密码：

    请选择性别：

    男女

    请选择兴趣：

    运动

    • 展开阅读全文
    相关资源
    猜你喜欢
    相关搜索
    资源标签

    当前位置：首页 > 医药卫生 > 基础医学

    copyright@ 2008-2023 冰点文库 网站版权所有

    经营许可证编号:鄂ICP备19020893号-2