HTML+CSS测试_第1页
HTML+CSS测试_第2页
HTML+CSS测试_第3页
HTML+CSS测试_第4页
HTML+CSS测试_第5页
免费预览已结束，剩余7页可下载查看

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

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

3、）。（选择一项）A:复合选择器分为后代选择器、交集选择器和并集选择器B:后代选择器的写法就是把外层的标签写在前面，内层的标签写在后面，之 间用空格分隔C:交集选择器是由两个选择器直接连接构成，两个选择器可以是类选择器或者ID选择器D：并集选择是多个选择器通过逗号连接而成的6 .下列关于HTML代码段中的z-index属性说法正确的是（）。<style type="text/css”>.tipTextdisplay:none;position:absolute;z-index: 2;left:10px;top:36px;</style><body>&

4、lt;div class="tipText"><img src="tip.jpg"></div></body> （选择一项）A:z-index属性的值取值范围是0100B:此段代码中的CSS样式必须设置z-index属性，否则会出现语法错误C:此段代码中的z-index属性设置为2或-2,效果是一样的D:z-index属性用于改变层的左右位置7.在HTML中，若实现下图所示效果，编码正确的是（）。（选择一项）A:<table border="1" ><tr>< t

5、d rowspan="2">学员姓名 </td></tr><tr>< td colspan="2"> 分数 </td>< td> 语文 </td><“数学 </td></tr></table>B:<table border="1" ><tr>< td rowspan="2">学员姓名 </td></tr><tr>&

6、lt; td colspan="2"> 分数 </td>< >语文 </td></tr><tr><td> 数学 </td></tr></table>C:<table border="1" ><tr><td colspan="2">学员姓名 </td></tr><tr>< td rowspan="2"> 分数 </t

7、d>< >语文 </td></tr><tr>< >数学 </td></tr></table>D:<table border="1" ><tr><td colspan="2">学员姓名 </td></tr><tr>< td rowspan="2"> 分数 </td>< td> 语文 </td>< td> 数

8、学 </td></tr></table>8 . CSS中选择器的分类不包括（）A:标签选择器B：类选择器C：文字选择器D:ID选择器9 .以下关于HTML代码说法正确的是（）。img clear:both;A: 将<img>标签左侧的浮动元素清除BM等<img>标签右侧的浮动元素清除CT等<img>标签两侧的浮动元素清除D:设置<img>标签两侧允许浮动10 .在HTML中，以下关于样式表的优点描述不正确的是（ ）cA:实现内容和表现的分离B:页面布局更加灵活C:有利于提高网页浏览速度D:不利于搜索引擎搜索11

9、 .在HTML中，下面form标签中的action属性用于设置（）<form action=" "method="”><!-文本框、按钮等表单元素-></form>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:"宋体&

10、quot;float:left;D:strongcolor:#000000; font-family:"宋体"；13 .在HTML中页面效果如下图所示，则需设置input标签的（）。（选择两项）职业：|请输入您的职业A:type="text"B:class="text"C:value="请输入您的职业"D:name="请输入您的职业"14 .在CSS样式表中，设置页面背景图片，下列语法正确的是（）。A:background:url（images/icon.jpg） left top no-rep

11、eat #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 repea-x;15 .当图片显示异常时，能够实现如下图示效果的选项是（）。K香香的郁金再A:<img title="香香的郁金香"src=" images/tulip.jpg" />B:<img alt="香

12、香的郁金香"src=" images/tulip.jpg" />C:<img title="香香的郁金香"alt="美丽的郁金香"src=" images/tulip.jpg" />D:<img title="美丽的郁金香"alt="香香的郁金香"src=" images/tulip.jpg" />16 .如下所示的网页效果，正确的 HTML代码为（）择天天天天选春夏秋冬n * 12 3-4节季的爰A:<ol&

13、gt;选择您爱的季节：<li> 春天 </li><li>l!夭 </li><li> 秋天 </li><li> 冬天 </li></ol>B:<ul>选择您爱的季节：<li> 春天 </li><li>l!夭 </li><li> 秋天 </li><li> 冬天 </li></ul>C:<ol><li>选择您爱白季节：</li><li

14、> 春天 </li><li>l!夭 </li><li> 秋天 </li><li> 冬天 </li></ol>D:<ul><li>选择您爱白季节：</li><li> 春天 </li><li>l!夭 </li><li> 秋天 </li><li> 冬天 </li></ul>17 .阅读以下HTML代码，描述正确的是（）。.title color:#F00;

15、font -size:14px; textaligncenter; text-decoration:underline;A:此样式是设置字体的背景颜色是红色，字体大小是14像素，居中显示，带下划线B:此样式是设置字体的颜色是红色，字体大小是 14像素，居中显示，带下划线C:此样式是设置字体的背景颜色是红色，字体大小是14像素，居左显示，带下划线D:此样式是设置字体的颜色是红色，字体大小是14像素，居中显示，不带下划线18 .为了让以下id为container的div能够水平居中，需要的 CSS样式是（）。<div id="container"> 页面正文 <

16、;/div>A:#containerwidth:880px; padding:0px auto;B:#containerwidth:880px;padding:auto 0px;C:#containerwidth:880px;margin:auto 0px;D:#containerwidth:880px;margin:0px auto;19 .CSS盒子模型中表示内容与边框间的距离的属性为（），表示盒子与其它盒子之间的距离的属性为（）。A:padding marginB:padding borderC:margin paddingD:margin border20 .在CSS选择器中，以

17、下选项（）属于后代选择器。（选择两项）A:input.bgB:input .bgC:h3,.second,#styD:.txt td21 .在HTML中使用<link/>标签连接的样式表是（）。A.行内样式表B.内部样式表C.外部样式表D.导入样式表22 .设置字体属性的时候，为了简化代码可以将字体的类型，风格，大小，粗细 写在font属性里边，下边正确的顺序是：（）A. font-family->font-size->font-width->font-styleB. font-style-> font-size-> font-family->

18、font-widthC. font-style->font-family->font-width->font-sizeD.font-style ->font-width->font-size->font-family23 .在以下超链接的伪类中,设置鼠标悬浮的属性是：（）AahoverBaactiveC.a:visitedDalink24 .以下关于HTML代码说法正确的是（）。img clear:both;A: 将<img>标签左侧的浮动元素清除BM等<img>标签右侧的浮动元素清除CT等<img>标签两侧的浮动元素清除

19、D:设置<img>标签两侧允许浮动25 .以下关于HTML中段落标签的说法错误的是（）。A:段落标签<p></p>必须成对出现，否则会报错B：一个段落中可以包含一行文字C： 一个段落中可以包含多行文字D:如果一个段落中包含多行文字，文字内容将随浏览器窗口的大小自动换行 26.以下关于标准文档流的说法错误的是（）。A:标题标签、段落标签、<div>标签都是块级元素B:<span></spa麻签是内联元素C:<div>标签可以包含于<span卡签中D:display属性可以控制块级元素和内联元素的显示方式27 .下

20、图所示的页面中，可能使用的标签不包括（）。新人上路指南如何激活会员名7如何注册贵美会员？，注册时橱3役置有什么要求T,贵美认证A:<h3>B:<ul>C:<li>D:<ol>28 .在HTML中，关于表单描述错误的是（）。A:以<砧旧> 标签开始，以</form>标签结束B:属性action是指表单提交的地址C:属性method是指表单提交的方式D: 一个网页中只能有一个表单29 .为了让以下id为container的div能够水平居中，需要的 CSS样式是（），<div id="container&quo

21、t;> 页面正文 </div>A:#containerwidth:880px; padding:0px auto;B:#containerwidth:880px;padding:auto 0px;C:#containerwidth:880px;margin:auto 0px;D:#containerwidth:880px;margin:0px auto;30 .下列CSS样式语句中，选项（）可以实现如图所示的效果。<body><div class="test">学习，好找工作 </div></body>能力学

22、习，好找工作|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:background:url（images/icon.jpg） left top no-repeat #CCCCCC;B:background:link（images/i

23、con.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 href="index.html" target="_blank"> 首页 </a>A:此标签用来创建一个超链接B:目标窗口在当前窗口中打开C:超链接的链接地址是index.htmlD:超链接文字是首页”33 .在

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

25、（）与盒子高度配合使用可以扩展盒子高度。A.scrollB.autoC.visibleD.hidden36 .在HTML页面中有一个<div>宽度为200px,高度为120Px洪中内容在垂直方向溢出，要求仅在溢出方向上显示滚动条，则下列代码正确的是：（）A. divwidth:200px;height:120px;oveflow:hidden;B. divwidth:200px;height:120px;overflow:auto;C. divwidth:200px;height:120px;overflow:scroll;D. divwidth:200px;height:120px;overflow:visible;37 .在HTML中，下列标签（）是内联元素。（选择两项）A.<div> 标签B.<li> 标签C.<span而签D.<strong> 标签38 .以下关于盒子模型的说法正确的是：（）A. margin-left表示设置盒子模型的右外边距B.padding表示盒子与盒子之间的距离C. margin是盒子内元素与边框 border的边距D. border： 1px #F00 solid;表示的是盒子的4条边均为1像素

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论