返回
html+css测试

html+css测试

ID：35668120

大小：52.72 KB

页数：12页

时间：2019-04-10

上传者：U-960
html+css测试_第1页
html+css测试_第2页
html+css测试_第3页
html+css测试_第4页
html+css测试_第5页
资源描述：

《html+css测试》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

word专业整理一、选择题（每题2分）1.以下关于HTML的基本标签说法正确的是（）。  (选择一项)A:HTML共提供了６级标题，

字号最小，

字号最大B:段落标签

中可以包含多行文字，文字内容将随浏览器窗口大小自动换行C:水平线标签
的作用是为了让版面更加清晰直观D:标签……的作用是使字体加粗并斜体显示2.在CSS中，可用于设置文本的行高的属性是（）。  (选择一项)A:text-indentB:letter-spacingC:text-alignD:line-height3.在制作网页时，以下关于overflow属性说法正确的是（）。(选择一项)A:overflow属性的常见值有visible、hidden、scrolling、autoB:当属性值为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:交集选择器是由两个选择器直接连接构成，两个选择器可以是类选择器或者学习资料整理分享 word专业整理ID选择器D:并集选择是多个选择器通过逗号连接而成的6.下列关于HTML代码段中的z-index属性说法正确的是（）。.tipText{display:none;position:absolute;z-index:2;left:10px;top:36px;}……

  (选择一项)A:z-index属性的值取值范围是0~100B:此段代码中的CSS样式必须设置z-index属性，否则会出现语法错误C:此段代码中的z-index属性设置为2或-2，效果是一样的D:z-index属性用于改变层的左右位置7.在HTML中，若实现下图所示效果，编码正确的是（）。  (选择一项)A:学员姓名分数学习资料整理分享 word专业整理语文数学B:学员姓名分数语文数学C:学员姓名分数语文数学D:学习资料整理分享 word专业整理学员姓名分数语文数学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属性用于设置（）。学习资料整理分享 word专业整理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:学习资料整理分享 word专业整理·D:16.如下所示的网页效果，正确的HTML代码为（）。A:
    选择您爱的季节：
  1. 春天
  2. 夏天
  3. 秋天
  4. 冬天
·B:
    选择您爱的季节：
  • 春天
  • 夏天
  • 秋天
  • 冬天
·C:
  1. 选择您爱的季节：
  2. 春天
  3. 夏天
  4. 秋天
  5. 冬天
    6. 学习资料整理分享 word专业整理
·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盒子模型中表示内容与边框间的距离的属性为（），表示盒子与其它盒子之间的距离的属性为（）。学习资料整理分享 word专业整理A:paddingmarginB:paddingborderC:marginpaddingD:marginborder20.在CSS选择器中，以下选项（）属于后代选择器。（选择两项）A:input.bgB:input.bgC:h3,.second,#styD:.txttd21.在HTML中使用标签连接的样式表是（）。A.行内样式表B.内部样式表C．外部样式表D.导入样式表22.设置字体属性的时候，为了简化代码可以将字体的类型，风格，大小，粗细写在font属性里边,下边正确的顺序是：（）A．font-family->font-size->font-width->font-styleB.font-style->font-size->font-family->font-widthC．font-style->font-family->font-width->font-sizeD.font-style->font-width->font-size->font-family23.在以下超链接的伪类中，设置鼠标悬浮的属性是：()A.a:hoverB.a:activeC.a:visitedD:a:link24.以下关于HTML代码说法正确的是（）。img{clear:both;}A:将标签左侧的浮动元素清除B:将标签右侧的浮动元素清除学习资料整理分享 word专业整理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样式是（）。页面正文

学习资料整理分享 word专业整理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.htmlD:超链接文字是“首页”33.在定位网页元素的时候，为了让该元素以他的父亲元素为基准进行偏移，我们的做法是：（）A.设置该元素左浮动B.设置该元素的父亲元素的定位方式为position：absoluteC.设置该元素的父亲元素左浮动学习资料整理分享 word专业整理D.设置该元素以及该元素的父亲元素左浮动34.在CSS中，如果需要清除浮动层对文本的影响，下列说法正确的是：（）A．为浮动层增加clear属性，并设置其属性值为bothB.为浮动层增加clear属性，并设置其属性值为noneC.为放置文本的标签增加clear属性，并设置其属性为bothD.为放置文本的标签增加clear属性，并未其设置属性为none35.在CSS中，下列overflow属性值（）与盒子高度配合使用可以扩展盒子高度。A.scrollB.autoC.visibleD.hidden36.在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属性学习资料整理分享 word专业整理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;}二、填空题（20分）已知网页如下图所示，请将代码填写完整(文本框初始宽度为30，密码最大输入字符为20)请输入姓名：请输入密码：请选择性别：男女请选择兴趣：运动学习资料整理分享

    • 当前文档最多预览五页，下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页，下载文档查看全文
    温馨提示：
    1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
    2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。
    最近更新
    更多
    大家都在看
    近期热门

    首页

    分享

    客服

    关闭