HTML+CSS
单项选择题(45)
1.下列选择器中优先级最高的是:(A )
A.#btn B..btn C.button D.[type="button"]
2.下列哪个不是服务器 (D)
A.class B.* C.html D.id
3.下列属于设置字体样式的是(D)?
A.font-size B.font-color C. font-style D.font-family
4.box-shadow 属性设置(C)
A.盒子的边线 B. 盒子的内边距 C. 盒子的阴影 D.盒子的类型
5.设置padding为 padding="10px 20px 30px" 代表的方向下列描述正确的是(C)
A. 左 上下 右 B. 右 上下 左 C. 上 左右 下 D. 下 左右 上
6.下列属于伪类的是( A) ?
A.active B.click C.mouseover D.href
7.固定定位的原点是(D)
A. 相对于父元素 B. 浏览器边界 C. 相对于未定位的位置 D.相对于浏览器
8.两个盒子成一列摆放,上盒子的下外边距为200px,下盒子的上外边距为250,两个盒子的距离为( C)
A.100 B.50 C.250 D.200
9.通过( D)设置元素的类型
A. destroy B. description C.distinc D.display
10.要是表格的边框不显示,应该设置border的值是(A)
A.0 B.1 C.2 D.3
11.CSS样式表不可能实现(D)功能
A.将格式和结构分离 B. 一个CSS文件控制多个网页 C. 控制图片的精准度 D. 兼容所有的浏览器
12.下列属于换行标签的是(C)
A. <body> B.<font> C.<br> D.<hr> E.<p>
13.中alt的意思是( C )?
A. 图像默认的路径 B. 鼠标放在图像上指针的样式 C. 图片加载失败时的错误提示 D. 图像相对于周围的文本顶部对齐
14.在HTML文档的树状结构中( A )标签为文档的根标签,位于结构中的最顶层?
A.<html> B.<head> C.<body> D.<title>
15.在html中,样式表按照应用方式可以分为三种类型,其中不包括( D )
A.外连样式表 B. 行内样式表 C. 外部样式表文件 D. 类样式表
16.关于行内块元素,下列说法正确的是( A )
A. 行内块元素只占自身大小,可以设置宽高 B. 行内块元素独占一行,不可以设置宽高 C. 行内块元素独占一行,可以设置宽高 D. 行内块元素只占自身大小,不可以设置宽高
17.以下( )是HTML的块标签 (D)
A. <span> B.<a> C.<br> D.<h1>
18.以下 ( C ) 标签用于在表单中构建复选框
A.<input type="text"/> B.<input type="radio"/> C.<input type="checkbox"/> D.<input type="password"/>
-
实现背景平铺效果,对应的CSS为( A )
A. div{backgroud-image:url(images/bg.gif);} B. div{backgroud-image:url(images/bg.gif) repeat-x;} C. div{backgroud-image:url(images/bg.gif) repeat-y;} D. div{backgroud-image:url(images/bg.gif) no-repeat;}
-
下列( D )是鼠标点击时的超链接样式
A. a:link B. a:visited C. a:hover D. a:active
21.下面选项中,( A )可以设置网页中某个标签的右外边距为10像素。
A. margin:0 10px B. margin:10px 0 0 0 C. margin:0 10 10 0px D. padding-right:10px
21.阅读下面HTML代码,若要使<dt>和<dd>标签在同一行显示,下面选项中的CSS书写正确的是( C ) 。
<dl> <dt>用户名:</dt> <dd><input type="text" name="userName" size="12" /></dd> </dl>
A. dl dt { float:left; } B. dl dd { float:left; } C. dl dt, dd { float:left; } D. dl { display:inline; }
22.下面关于外部样式表的说法错误的是( A )。
A. 文件扩展名为 .cs B. 外部样式表内容不需要使用<style>标签 C. 使用<link>标签引入外部样式 D. 使用外部样式表可以使网站更加简洁,风格保持统一
23.在HTML中有效,规范的注释声明是( D )。
A. //这是注释 B. <!--这是--注释--> C. /*这是注释*/ D. <!--这是注释-->
24.下列常用属性设置中,( B )适用于<iframe>标签
A. border="0" B. frameborder="1" C. scrolling="0" D. href="head.htm"
25.在HTML中,通过( C )可以实现鼠标悬停在超链接上时,为无下划线的效果。
A. a{text-decoration:underline} B. a{text-decoration:none} C. a:hover{text-decoration:none} D. a:link{text-decoration:underline}
26.分析下面的HTML代码片段,则选项中的说法正确的是( C )
姓名 | |
成绩 | 语文 |
数学 |
A. 该表格共有两行三列 B. 该表格边框宽度为30像素 C. 该表格中的文字均居中显示 D. 姓名”单元格跨2行
27.分析下面的HTML代码段,下面描述正确的是( B )
<frameset cols="30%,*"> <frameset rows="50%,50%"> <frame name="fx" src="x.html"> <frame name="fy" src="y.html"> <frameset> <frame ame="fz" src="z.html"> <frameset>
A. 在页面中创建了三个框架,左边一列包含两个框架(各占50%),右边一列占窗口的70% B. 在页面中创建了三个框架,左边一列占窗口的30%,右边一列包含两个框架(各占50%) C. 在页面中创建了三个框架,上边一行占窗口的30%,下边一行包含两个框架(各占50%) D. 在页面中创建了三个框架,上边一行包含两个框架(各占50%),下边一行占窗口的70%
28.在HTML中,使用<IMG>标签插入图像,下列选项关于<IMG>的src属性说法正确的是( B )。
A. 用来设置图片文件的格式 B. 用来设置图片文件所在的位置 C. 用来设置鼠标指向图片时显示的文字 D. 用来设置图片周围显示的文字
29.在HTML中,( D )可以在网页上通过连接直接打开客户端的发送邮件工具发送电子邮件
A. <A HREF="telnet:zhangming@aptech.com">发送反馈信息</A> B. <A HREF="mail:zhangming@aptech.com">发送反馈信息</A> C. <A HREF="ftp:zhangming@aptech.com">发送反馈信息</A> D. <A HREF="mailto:zhangming@aptech.com">发送反馈信息</A>
30.在HTML中,以下关于CSS样式中文本及字体属性的说法,错误的是( )。
A. font-size用来设置文本字体的大小 B. text-align用来设置文本的对齐方式 C. font-type用来设置字体的类型 D. font-weight用来设置字体的粗细
31.下面的描述正确的是( D )
#menu{
font-size:14px;
}
A. menu是标签选择器 B. menu是元素选择器 C. menu是类选择器 D. menu是ID选择器
32.关于W3C标准,下列说法错误的是( B )。
A. W3C标准是由W3C组织制定的一系列Web标准 B. *.htm,<span>,<p>是符合W3C标准规范的书写方式 C. W3C标准主要包括XHTML、CSS、DOM和ECMAScript标准 D. W3C提倡内容与表现分离的Web结构
33.关于浏览器的兼容性,下列说法正确的是( A)。
A. 浏览器所使用的内核不同,是导致跨浏览器兼容性问题的根本原因 B. 浏览器的优先级别:IE8.0>IE7.0>IE6.0>Firefox C. clear:both不能用于清除浮动 D. 通过写写代码的方式,不能解决浏览器兼容性的问题
-
在HTML中,( A )用来表示特殊字符引号。
A. " B. > C. © D.
35.在html中,实现如下图所示效果,则横线处应填写的代码是( D )
<style> li{ width:150px; font:28px 隶书; list-style:_____; float:_____; } </style> <div> <ul> <li>登录</li> <li>注册</li> <li>帮助</li> </ul> </div> </style>
图:
登录 注册 帮助
A. 第一个横线:inherit 第二个横线:right B. 第一个横线:none 第二个横线:right C. 第一个横线:inherit 第二个横线:left D. 第一个横线:none 第二个横线:left
36.如图所示,要求单击“天狼星”时,弹出页面“Page.html”,并显示“天狼星欢迎你”,则在HTMLPage.html中,正确实现此连接的代码是( C )
A. <a href="HTMLPage.htm" target="_blank">天狼星</a> B. <a href="_blank" target="Page.htm">天狼星</a> C. <a href="Page.htm" target="_blank">天狼星</a> D. <a href="HTMLPage.htm" target="Page.htm">天狼星
37.在HTML页面上声明如下所示的样式,其中( A )样式为类样式.
<style type="text/css"> P{font-family:"宋体";color:blue;} .IMPORTANT{font-family:"隶书";color:red;} </style>
A. IMPORTANT B. P C. IMPORTANT和P都是 D. IMPORTANT和P都不是
38.在HTML中,关于表单提交方式说法错误的是( A ).
A. action属性用来设置表单的提交方式 B. 表单提交有get和post两种方式 C. post比get方式安全 D. post提交数据不会显示在地址栏,而get会显示
-
在HTML中,若实现点击超链接时,弹出一个新的网页窗口,下列的( A )选项符合要求。
A. <a href="right.html" target="_blank">节目</a> B. <a href="right.html" target="_self">节目</a> C. <a href="right.html" target="_parent">节目</a> D. <a href="right.html" target="_top">节目
40.在HTML中,将表单中INPUT元素的TYPE属性值设置为( A )时,用于创建重置按钮。
A. reset B. set C. button D. image
41.在HTML页面中,调用外部样式表的方法是( B )
A. <style rel="stylesheet" type="text/css" href="外部样式表地址" /> B. <link rel="stylesheet" type="text/css" href="外部样式表地址" /> C. <style rel="stylesheet" type="text/css" link="外部样式表地址" /> D. <link rel="stylesheet" type="text/css" style="外部样式表地址" />
42.在HTML中,以下( A )创建一个隐藏域。
A. <input type="hidden" name="user" value="111"> B. <input name="hidden" value="hidden" text="111"> C. <input name="hidden" value="111"> D. <input name="user" text="111">
43.在HTML中,以下( A )能够实现表格跨列。
A. colspan属性 B. rowspan属性 C. colspan标签 D. rowspan标签
44.在HTML中,DIV默认样式下是不带滚动条的,若要使<div>标签出现滚动条,需要为该标签定义( c )样式。
A. overflow:hidden B. display:block C. overflow:scroll D. display:scroll
45.下列( B )属性用于控制文本框最大字符数
A.<input type="text" name="20"> B.<input type="text" maxlength="20"> C.<input type="text" class="20"> D.<input type="text" size="20">
多选题(14)
1、下列表述正确的是?(AB)
A. 块元素是指能够独占一行的元素 B. 定位可以使元素脱离文档流 C. 块元素具有宽高属性,行内元素不具有 D. 块元素和行内元素无法进行相互转换
2、下列选项中哪些为块元素?(AB)
A.div B.h1 C.a D.span
3、能使元素脱离文档流的方式有?(AC)
A. 浮动 B. 静态定位 C. 绝对定位 D.相对定位
4、下列属于块元素的是(BC)
A.input B. div C.table D.span E.a F.td
5、下列元素设置CSS后会脱离文档流的是(AD)?
A.浮动 B.外边距 C.内边距 D.固定定位
6、下列是CSS基本选择器的是( AD)
A. id B.name C.type D.class
7、元素分类正确的是(AB)
A. 行内元素 B. 块元素 C. 内联元素 D. 外联元素
8、下列HTML标记中,属于非成对标记的是(AB)
A. br B.hr C.a D.input E.div F.table G. ul H. form I.button
9、以下关于HTML语言中的表格的说法正确的是(AB)。
A. 在HTML语言中,表格必须由<TABLE>标签、<TR>标签、<TD>标签组成,缺一不可 B. 有多少对<TD>标签,就有多少个单元格 C. 有多少对<TR>标签,就有多少列 D. 有多少对<TD>标签,就有多少行
10、对HTML描述正确的是 (BCD)
A.HTML是一门高级程序设计性语言,具有紧密的逻辑性 B.HTML是一门超文本标记语言,语法结构简单,通过标签构成 C.HTML可以编写出一个页面中的控件,比如表格,文本框等 D.HTML语言可以改变文字的颜色
11、定位的种类分为(BCD)
A. none B.static C.position D.fixed
12、下列哪个选项不是按钮( AEF)
A.type="bottom" B.type="button" C.type="reset" D.type="submit" E. type="form" F. type="action"
13、盒子所占面积由哪些参数构成(ABCD)?
A.border B.width C.padding D.margin
14、盒子模型包含(ABCD)
A.内容区 B. 内边距 C. 外边距 D.边框
简答题(7)
1.CSS中可以使元素脱离文档流的方式有几种?分别是?
答案:浮动,display,position
2.写出CSS代码,可以实现将一个网页上所有的段落,均设置为14px,宋体、斜体、粗体
答案:p{font-size:14px; font-family:宋体; font-style:italic; font-weight:bold; }
3.写出实现如下图所示的文字中10效果的HTML代码和CSS代码
<span style=”font-weight:bold;font-size:10px;border-top:2px #ccc solid”>所有韩款童装<span style=”font-size:20px;color:pink”>10</span>元/起拍喽</span>
4.请写出T型框架页的html代码,并实现上边的框架窗口不可以调整大小
<frameset rows=”200,*” noresize > <frame name=”top” src=”top.html” /> <frameset cols=”10%,*”> <frame name=”left” src=”left.html” /> <frame name=”right” src=”right.html” /> </frameset> </frameset>
5.请描述如何实现将站点内的所有网页上的超链接状态设置为:正常为黑色字,不带下划线;2)鼠标浮上时变为红色,带下划线
1. 创建css文件 normal.css 2. 编写css代码 a:link{ color:#000; text-decoration:none } a:hover{ color:#f00; text-decoration:underline } 3. 所有网页文件引入该css文件 <link rel=”stylesheet” type=”text/css” href=”normal.css”/>
6.写出使用DIV+CSS实现下图所示的布局效果。
<div style="height:570px;width:1000px">
<div style="height:150px;width:1000px;backgroud-color:#00f;border:2px #00a solid">
</div>
<div style="height:300px;width:1000px;margin-top:10px">
<div style="height:300px;width:700px;backgroud-color:#0f0;border:2px #0a0 solid;float:left;margin-right:3px">
</div>
<div style="height:300px;width:290;backgroud-color:#f00;border-bottom:2px #000 solid">
</div>
</div>
<div style="height:100px;widht:1000px;backgroud-color:yellow;border:1px orange solid">
</div>
</div>
7.CSS中margin、padding的作用、以及单参、双参、四参数在方向上的顺序。
margin:边界 margin:0px margin:0px auto margin:0px 5px 0px 5px (上0px 右5x 下0px 左5px) padding:补白 padding:0px padding:0px auto padding:0px 5px 0px 5px (上0px 右5x 下0px 左5px)