HTMLCSS测试.docx

1、HTMLCSS测试一、选择题（每题2分）1.以下关于HTML的基本标签说确的是（）。(选择一项)A:HTML共提供了级标题，字号最小，字号最大B:段落标签中可以包含多行文字，文字容将随浏览器窗口大小自动换行C:水平线标签的作用是为了让版面更加清晰直观D:标签的作用是使字体加粗并斜体显示2.在CSS中，可用于设置文本的行高的属性是（）。(选择一项)A:text-indentB:letter-spacingC:text-alignD:line-height3.在制作网页时，以下关于overflow属性说确的是（）。(选择一项)A:overflow属性的常见值有visible、hidden、scro

2、lling、autoB:当属性值为hidden时，如果容被修剪，则浏览器会显示滚动条以便查看其余容C:visible为overflow属性的默认值，容会被修剪，并且其余容是不可见的D:可以使用overflow属性与盒子宽度配合使用，清除浮动来扩展盒子的高度4.在HTML中，以下关于CSS样式中文本及字体属性的说法，错误的是（）。(选择一项)A:font-size用来设置文本的字体大小B:text-align用来设置文本对齐方式C:font-type用来定义字体类型D:font-weight用来定义字体的粗细5.以下关于复合选择器说法错误的是（）。(选择一项)A:复合选择器分为后代选择器、交集选

3、择器和并集选择器 B:后代选择器的写法就是把外层的标签写在前面，层的标签写在后面，之间用空格分隔C:交集选择器是由两个选择器直接连接构成，两个选择器可以是类选择器或者ID选择器D:并集选择是多个选择器通过逗号连接而成的6.下列关于HTML代码段中的z-index属性说确的是（）。.tipText display:none; position:absolute; z-index: 2; left:10px; top:36px; (选择一项)A:z-index属性的值取值围是0100B:此段代码中的CSS样式必须设置z-index属性，否则会出现语法错误C:此段代码中的z-index属性设置为2或

4、-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:实现容和表现

5、的分离B:页面布局更加灵活C:有利于提高网页浏览速度D:不利于搜索引擎搜索11. 在HTML中，下面form标签中的action属性用于设置（）。 A:表单的样式B:表单提交方法C:表单提交地址D:表单名称12.在下列选项中，属于ID选择器的是（）。A:#spanwidth:100%; border:1px solid #cccccc;B:p atext-decoration:underline; font-size:14px; C:.h1color:#000000; font-family:宋体; float:left;D:strongcolor:#000000; font-family:宋

6、体; 13.在HTML中页面效果如下图所示，则需设置input标签的（）。(选择两项)A:type=textB:class=textC:value=请输入您的职业D:name=请输入您的职业14. 在CSS样式表中，设置页面背景图片，下列语确的是（）。A:background:url(images/icon.jpg) left top no-repeat #CCCCCC;B:background:link(images/icon.jpg) left top no-repeat;C:background:url(images/icon.jpg) left top repeat_x;D:backg

7、round:src(images/icon.jpg) left top repeat-x;15.当图片显示异常时，能够实现如下图示效果的选项是（）。 A: B: C: D:16. 如下所示的网页效果，正确的HTML代码为（）。A:选择您爱的季节： 春天 夏天 秋天 冬天 B:选择您爱的季节： 春天 夏天 秋天 冬天 C: 选择您爱的季节： 春天 夏天 秋天 冬天 D: 选择您爱的季节： 春天 夏天 秋天 冬天17. 阅读以下HTML代码，描述正确的是（）。 .title color:#F00; font-size:14px; text-align:center; text-decoration

8、:underline; A:此样式是设置字体的背景颜色是红色，字体大小是14像素，居中显示，带下划线B:此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，带下划线C:此样式是设置字体的背景颜色是红色，字体大小是14像素，居左显示，带下划线D:此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，不带下划线18. 为了让以下id为container的div能够水平居中，需要的CSS样式是（）。页面正文A:#containerwidth:880px; padding:0px auto;B:#containerwidth:880px;padding:auto 0px;C:#conta

9、inerwidth:880px;margin:auto 0px;D:#containerwidth:880px;margin:0px auto;19.CSS盒子模型中表示容与边框间的距离的属性为（），表示盒子与其它盒子之间的距离的属性为（）。A:padding marginB:padding borderC:margin paddingD:margin border20. 在CSS选择器中，以下选项（）属于后代选择器。（选择两项）A:input.bgB:input .bgC:h3,.second,#styD:.txt td21.在HTML中使用标签连接的样式表是（）。A.行样式表B.部样式表C

10、外部样式表D.导入样式表22.设置字体属性的时候，为了简化代码可以将字体的类型，风格，大小，粗细写在font属性里边,下边正确的顺序是：（）Afont-family-font-size-font-width-font-styleB. font-style- font-size- font-family- font-widthCfont-style-font-family-font-width-font-sizeD.font-style -font-width-font-size-font-family23.在以下超的伪类中，设置鼠标悬浮的属性是：()A.a:hoverB.a:activeC.a

11、:visitedD:a:link24. 以下关于HTML代码说确的是（）。img clear:both;A:将标签左侧的浮动元素清除B:将标签右侧的浮动元素清除C:将标签两侧的浮动元素清除D:设置标签两侧允许浮动25. 以下关于HTML中段落标签的说法错误的是（）。 A:段落标签必须成对出现，否则会报错 B:一个段落中可以包含一行文字 C:一个段落中可以包含多行文字 D:如果一个段落中包含多行文字，文字容将随浏览器窗口的大小自动换行26. 以下关于标准文档流的说法错误的是（）。A:标题标签、段落标签、标签都是块级元素B: 标签是联元素C:标签可以包含于标签中D:display属性可以控制块级元

12、素和联元素的显示方式27.下图所示的页面中，可能使用的标签不包括（）。 A: B: C: D:28. 在HTML中，关于表单描述错误的是（）。A:以标签开始，以标签结束B:属性action是指表单提交的地址C:属性method是指表单提交的方式D:一个网页中只能有一个表单29.为了让以下id为container的div能够水平居中，需要的CSS样式是（）。页面正文 A:#containerwidth:880px; padding:0px auto;B:#containerwidth:880px;padding:auto 0px;C:#containerwidth:880px;margin:au

13、to 0px;D:#containerwidth:880px;margin:0px auto;30. 下列CSS样式语句中，选项（）可以实现如图所示的效果。 努力学习，好找工作A:divwidth:200px; border:#0000FF 1px;B:#testwidth:200px; border:#0000FF solid 1px;C:.testwidth:200px; border:#0000FF solid 1px;D:.testwidth:200px; border:#0000FF dashed 1px;31.在CSS样式表中，设置页面背景图片，下列语确的是（）。A:backgro

14、und:url(images/icon.jpg) left top no-repeat #CCCCCC; B:background:link(images/icon.jpg) left top no-repeat; C:background:url(images/icon.jpg) left top repeat_x; D:background:src(images/icon.jpg) left top repeat-x;32. 在HTML中，关于下列代码说法错误的是（）。首页A:此标签用来创建一个超B:目标窗口在当前窗口中打开C:超的地址是index.htmlD:超文字是“首页”33.在定位

15、网页元素的时候，为了让该元素以他的父亲元素为基准进行偏移，我们的做法是：（） A.设置该元素左浮动 B.设置该元素的父亲元素的定位方式为position：absolute C.设置该元素的父亲元素左浮动 D.设置该元素以及该元素的父亲元素左浮动34.在CSS中，如果需要清除浮动层对文本的影响，下列说确的是：（） A为浮动层增加clear属性，并设置其属性值为both B. 为浮动层增加clear属性，并设置其属性值为none C.为放置文本的标签增加clear属性，并设置其属性为both D.为放置文本的标签增加clear属性，并未其设置属性为none35.在CSS中，下列overflow属性

16、值（）与盒子高度配合使用可以扩展盒子高度。 A.scroll B.auto C.visible D.hidden36.在HTML页面中有一个宽度为200px,高度为120px,其中容在垂直方向溢出，要求仅在溢出方向上显示滚动条，则下列代码正确的是：（） Adivwidth:200px;height:120px;overflow:hidden; B. divwidth:200px;height:120px;overflow:auto; C. divwidth:200px;height:120px;overflow:scroll; D. divwidth:200px;height:120px;ov

17、erflow:visible;37.在HTML中，下列标签（）是联元素。（选择两项） A.标签 B.标签 C.标签 D.标签38.以下关于盒子模型的说确的是：（） Amargin-left表示设置盒子模型的右外边距 B.padding表示盒子与盒子之间的距离 Cmargin是盒子元素与边框border的边距 Dborder：1px #F00 solid;表示的是盒子的4条边均为1像素的红色实线39.在CSS中，能够去掉项目列表符号的属性是：（）(选择两项) Alist-style-images属性 B.list-style-position属性 C.list-style属性 D.list-st

18、yle-type属性40.将标签中的文字大小设置为18px，颜色为#336699，文本中有删除线，则下列CSS正确的是（） A.pfont-size:18px;color:#336699;text-decoration:overline; B.pfont-size:18px;color:#369;text-decoration:line-through; C.pfont-size:18px;color:# 336699;text-decoration:underline D.pfont-size:18px;color:#369;text-decoration:blink;二、填空题（20分）已知网页如下图所示，请将代码填写完整(文本框初始宽度为30，密码最大输入字符为20)请输入：请输入密码：请选择性别：男女请选择兴趣： 运动 美术 音乐