1、窗体顶端 html+css 满分:172 分 考试时间:180 分钟 一、单选题(总分172,每小题1分) 1、 下列关于XHTML中的CSS样式表的说法正确的是( ) A、 CSS样式表的基本选择器有:标记选择器、Id选择器和类选择器及后代选择器 B、 CSS样式表仅具有继承性 C、 对于定义样式div .p{color:red;}意思是div下面的应用了类p的标签的字体颜色为红色 D、 ID选择器在CSS样式表具有最高优先级 正确答案:C 2、 以下选项中,不是页面布局模型的是( ) A、 盒子模型 B、 层模型
2、 C、 流动模型 D、 浮动模型 正确答案:A 3、 以下不是float属性的是( ) A、 left B、 none C、 right D、 all 正确答案:D 4、 在CSS中,关于BOX的margin属性的叙述正确的是( ) A、 边距margin只能取一个值 B、 margin属性的参数有margin-left、margin-right、margin-top、margin-bottom C、 margin属性的值不可为auto D、 margin属性的参数值不能全部设置成0px 正确答案:B 5、
3、 下列不属于盒子的定位的是( ) A、 浮动定位 B、 盒子的流动定位 C、 盒子的页面定位 D、 Position定位 正确答案:C 6、 以下代码片断中,属于静态定位的是( ) A、 #bb{width:100px;position:relative } B、 #bb{width:100px;position:sastic } C、 #bb{width:100px; } D、 #bb{width:100px;position:absolute} 正确答案:A 7、 下列选项中,用来改变背景颜色的样式属性是( )
4、 A、 background-color B、 bgcolor C、 color D、 backgroundcolor 正确答案:A 8、 以下选项中不能实现清除浮动的是( ) A、 空div B、 hover伪类选择器 C、 clear属性 D、 overflow属性 正确答案:B 9、 background-repeat,默认效果是( ) A、 背景图不平铺 B、 背景图横向平铺 C、 背景图纵向平铺 D、 背景纵向和横向上平铺 正确答案:D 10、 下列不属于浮动元素特征的是( ) A、 浮
5、动元素会被自动地设置为块状元素显示 B、 浮动元素在垂直方向上它与未被定义为浮动时的位置一样 C、 浮动元素在水平方向上,它将最大程度地靠近其父级元素边缘 D、 浮动元素有可能会脱离包含元素之外 正确答案:D 11、 下面关于盒子模型中的相关属性的阐述正确的是( ) A、 border属性是一个复合属性,若单独使用此属性,其子属性值的必须要按顺序书写 B、 在盒子模型的每个属性中,均可分为四个方向,分别为上、右、下、左; C、 我们在定义盒子的padding值时,若定义三个值则第一个值代表上下内边距,中间的值代表右边距,而最后一个值则代表左边距
6、 D、 通常在网页设计中,盒子模型一般有3种 正确答案:D 12、 以下说法正确的是( ) A、 background-color:设置文字颜色 B、 back-corlor:设置背景色 C、 background-color:设置背景色 D、 color:设置背景色 正确答案:C 13、 ( )主要用来进行页面上的文字段落或图片的放置位置的设置 A、 盒子 B、 边框 C、 区块 D、 定位 正确答案:A 14、 怎样使一个层垂直居中于浏览器中( ) A、 padding: 50% 50% B、 m
7、argin: 50% 50% C、 margin: 0 auto D、 margin: -100 auto 正确答案:B 15、 一般情况下,布局属性中溢出属性的默认值为( ) A、 隐藏 B、 滚动 C、 可视 D、 自动 正确答案:D 16、 能够设置文本加粗的样式属性是( ) A、 font-weight:bold B、 style:bold C、 font:b D、 font-style:bold 正确答案:A 17、 给所有的<h1>标签添加背景颜色的是( ) A、 h1 {backgro
8、und-color:#FFFFFF} B、 h1 {background-color:#FFFFFF;} C、 h1.all {background-color:#FFFFFF} D、 #h1 {background-color:#FFFFFF} 正确答案:B 18、 以下选项中,不属于页面布局模型的是( ) A、 浮动模型 B、 盒子模型 C、 流动模型 D、 层模型 正确答案:B 19、 下列对样式单位中百分比单位描述有误的是( ) A、 一个百分比值由可选的正号"+"或负号"-"、接着的一个数字,还有百分号"%" B、
9、 在一个百分比值之中是没有空格的 C、 百分比值是相对于其它数值,不能用于定义每个属性 D、 最经常使用的百分比值是相对于元素的字体大小 正确答案:D 20、 下在代码使用HTML元素的ID属性,将样式应用于网页上的某个段落:<P id=”firstp”>这是一个段落</P>,下面选项中,( )正确定义了上面代码引用的样式规则 A、 <Style Type=”text/css”> P {color:red} </Style> B、 <Style Type=”text/css”> #firstp {color:red} </Style> C、 <Sty
10、le Type=”text/css”> .firstp {color:red} </Style> D、 <Style Type=”text/css”> P.firstp {color:red} </Style> 正确答案:B 21、 下列CSS语法规则正确的是( ) A、 body:color=black B、 {body;color:black} C、 body {color: black} D、 {body:color=black(body} 正确答案:C 22、 以下代码片断中,属于绝对定位的是( ) A、 #box{width:1
11、00px;height:50px;} B、 #box{width:100px;height:50px;position:absolute;} C、 #box{width:100px;height:50px; position:static;} D、 #box{width:100px;height:50px; position:relative;} 正确答案:B 23、 css中 body{ padding-left:20px;}表示( ) A、 页面左边的表格大小 B、 页面左边的空白大小 C、 页面左边的可用区域大小 D、 页面左边的可编
12、辑区域大小 正确答案:B 24、 以下选项,用来设置背景图像URL的样式属性是( ) A、 background-image B、 background-repeat C、 background-position D、 background-url 正确答案:A 25、 以下选项中属于行内标签的是( ) A、 span B、 p C、 div D、 hr 正确答案:A 26、 下列关于Alpha滤镜的说法错误的是( ) A、 此滤镜主要用于设置某个元素的不透明度 B、 此滤镜中有一个参数opacity的意思是设
13、置对象的不透明度取值,最大值为100%,最小值为0 C、 另一个重要的参数为style是指设置不透明度的样式,若为1,代表角度渐变,若为2,指线型渐变 D、 此滤镜适合任何浏览器 正确答案:C 27、 下列不属于行列标签的是( ) A、 <a> B、 <span> C、 <br> D、 <div> 正确答案:D 28、 CSS样式的下列padding复合属性不包括( ) A、 填充 B、 上填充 C、 底填充 D、 左填充 正确答案:A 29、 下列不能通过背景属性设置的是( ) A、 背景重
14、复 B、 背景附件 C、 纵向排列 D、 背景宽度和高度 正确答案:D 30、 下列哪些是格式良好的 XHTML( ) A、 <p><b><i>short</b></i> paragraph</p> B、 <p><i><b>short</i></b> paragraph</p> C、 <p><B><i>short</i></b> paragraph D、 <p><b><i>short</i></b> paragraph</p> 正确答案:D 31、 在CSS样式文件中的注释正确的是( ) A、 // this is
15、 a comment // B、 // this is a comment C、 /* this is a comment * D、 /' this is a comment 正确答案:C 32、 以下关于XHTML规范说法不正确的是( ) A、 XHTML 元素必须被关闭 B、 用 Id 属性代替 name 属性 C、 标签名必须用小写字母 D、 空标签可以不关闭 正确答案:D 33、 在CSS样式中,适用所有对象的是( ) A、 背景附件 B、 文本排列 C、 纵向排列 D、 文本缩进 正确答案:A 3
16、4、 如何去掉文本超级链接的下划线( ) A、 a {text-decoration:no underline} B、 a {underline:none} C、 a {decoration:no underline} D、 a {text-decoration:none} 正确答案:D 35、 在XHTML中,( )可以在网页上通过链接直接打开客户端的发送邮件工具发送电子邮件 A、 <href="telnet:zhangming@">发送反馈信息</A> B、 <href="mail:zhangming@">发送反馈信息</A> C、
17、 <href="ftp:zhangming@">发送反馈信息</A> D、 <href="mailto:zhangming@">发送反馈信息</A> 正确答案:D 36、 有关z-index属性叙述正确的一项是( ) A、 此属性必须与position属性一起使用才能起作用,此时position取任何值都可以 B、 此值越大,层的顺序越往下 C、 一般后添加的元素,其z-index值越大 D、 即使上面的层没有任何内容也会挡住下面的层,使下面的层显示不出来 正确答案:C 37、 以下关于:after伪类对象说法正确是( ) A、 :
18、after 伪元素在元素之后添加内容 B、 :after 伪元素只能应用于超链接标签a C、 使用:after 伪元素可能导致浮动元素塌陷 D、 :after 不可以在元素之后添加指定链接的文件内容 正确答案:A 38、 以下选项中可以为所有H1定义背景颜色的是( ) A、 all.h1 {background-color:#FFFFFF} B、 h1 {background-color:#FFFFFF} C、 h1.all {background-color:#FFFFFF} D、 h1#all {background-color:#FFFF
19、FF} 正确答案:B 39、 跳转到”hello.html”页面的”bn”锚点的代码是( ) A、 <a href="hello.html&bn"> ... </a> B、 <a href="bnl#hellohtml"> ... </a> C、 <a href="hello.html#bn"> ... </a> D、 <a href="#bn"> ... </a> 正确答案:C 40、 下列CSS文本样式属性中,文本对齐属性取值不包括( ) A、 auto B、 justify C、 center D、 ri
20、ght 正确答案:A 41、 关于DIV标记,下列说法错误的是( ) A、 DIV是一个无任何语义的标签 B、 若将DIV设置宽高,若其背景图片比它大,则多余的背景图片显示不出来 C、 若将某个DIV标记的visibility属性设为hidden,则该DIV标记会让出其原来占有的空间 D、 可以用DIV来制作导航菜单 正确答案:C 42、 以下选项中,可以正确定义所有p的字体为bold的是( ) A、 <p style="text-size:bold"> B、 <p style="font-size:bold"> C、 p {te
21、xt-size:bold} D、 p {font-weight:bold} 正确答案:D 43、 CSS是利用XHTML的( )标记构建网页布局 A、 <p> B、 <div> C、 <table> D、 <ul> 正确答案:B 44、 下列CSS代码进行缩写,符合缩写的规范的是( ) background-position:0 0;background-repeat:no-repeat;background-image:url(background.gif); A、 background-image: "background.gif"
22、no-repeat 0 0; B、 background-url: " background.gif") no-repeat 0 0; C、 background:url("background.gif") no-repeat 0 0; D、 background: "background.gif" no-repeat 0 0; 正确答案:C 45、 如何设置英文首字母大写( ) A、 text-transform:uppercase B、 text-transform:capitalize C、 样式表做不到 D、 text-decora
23、tion:none 正确答案:B 46、 下面关于样式的说法不正确的是( ) A、 样式可以控制网页背景图片 B、 margin属性的属性值可以是百分比 C、 字体大小的单位可以是em D、 1em等于18像素 正确答案:D 47、 以下不属于position定位盒子方式的是( ) A、 绝对定位 B、 相对定位 C、 直接定位 D、 静态定位 正确答案:C 48、 下列选项中可以用来设置字体大小的是( ) A、 font-weight:bold ; B、 style:bold ; C、 font
24、12px; D、 font:bold; 正确答案:C 49、 盒子的Margin为20px border为1px,padding为10px,content宽202px,高为50px求标准IE盒子模型的,盒子需要占据的位置的高为( ) A、 242px B、 52px C、 90px D、 112px 正确答案:C 50、 在CSS语言中下列( )是“边框颜色”的语法 A、 border-color: <值> B、 text-align: <值> C、 letter-spacing: <值> D、 vertical-align:
25、 <值> 正确答案:A 51、 在CSS中,下面不属于BOX模型属性的有( ) A、 font B、 margin C、 padding D、 border 正确答案:A 52、 下列不属于清除浮动塌陷的方法的是( ) A、 在最后一个浮动元素的后面,加入一个空的div并设置其样式:clear:both; B、 在浮动元素的父级元素中,设置其样式属性:overflow:hidden或者overflow: auto C、 利用浮动元素的after伪选择符并设置其相应属性也可以解决浮动塌陷问题 D、 after伪选择符的作用是在元素
26、内容之前插入内容,利用这一特点可以解决浮动塌陷问题 正确答案:D 53、 已 知services.html与text.html在同一服务器上,但不在同一文件夹中.假如文档services.html在文件夹 information中.现要求在text.html文档中编写一个超链接,链接到文档services.html的proposals段落.下面语句 正确的是( ) A、 <HREF=”services.html#proposals”> Link</A> B、 <HREF=”information/services.html#proposals”> Link</A>
27、C、 <HREF=” #proposals”> Link</A> D、 <HREF=”information#proposals”> Link</A> 正确答案:B 54、 以下样式属性可以用来设置列表图标类型的是( ) A、 list: square B、 type: 2 C、 type: square D、 list-style-type: square 正确答案:D 55、 以下哪种元素定位方式将会脱离标准文档流( ) A、 绝对定位 B、 相对定位 C、 浮动定位 D、 静态定位 正确答案:A 56、 设置文本
28、不换行的样式属性是( ) A、 word-break B、 letter-spacing C、 white-space D、 word-spacing 正确答案:C 57、 关于盒子的定位,下列说法正确的是( ) A、 盒子的默认定位为fixed,即固定定位 B、 盒子的相对定位是指相对于其身原有位置进行偏移,一般会结合left、right、top、bottom属性使用 C、 绝对定位是以其父元素为参考对象,绝对定位的元素会脱离文档流 D、 position属性的取值为static时,是以浏览器窗口作为定位基准 正确答案:B
29、 58、 以下关于盒子模型说法错误的是( ) A、 基本的盒子模型由margin、padding、content、border组成 B、 margin是盒子的外补丁,即盒子边框以外的部分 C、 padding是盒子的内补丁,即盒子边框到内容之间的部分 D、 所有的盒子模型在默认情况下都按w3c标准进行解析 正确答案:D 59、 以下哪种布局模型会导致元素塌陷( ) A、 浮动模型 B、 层模型 C、 盒子模型 D、 流动模型 正确答案:A 60、 下列选项中可以用来改变字体颜色的是( ) A、 text-color
30、 B、 fgcolor C、 font-color D、 color 正确答案:D 61、 下面的代码包含几个BOX( ) <div> 请查看<span>我的BLOG</span>,网址如下: <p></p> </div> A、 3个 B、 4个 C、 1个 D、 2个 正确答案:A 62、 有一样式表规则:H3 {color : blue ;font-size : 10pt},以下说法正确的是( ) A、 H3是选择器 B、 blue属性,color是属性值 C、 样式表中的冒号(:)可以用 = 替代
31、D、 这个样式表属于类样式表 正确答案:A 63、 能够定义所有P标签内文字加粗的是( ) A、 <p style="text-size:bold"> B、 <p style="font-size:bold"> C、 p {text-size:bold} D、 p {font-weight:bold;} 正确答案:D 64、 以下选项中,不属于background属性参数的是( ) A、 background-image B、 background-repeat C、 background-position D、 backgr
32、ound-url 正确答案:D 65、 在XHTML中,样式表按照应用方式可以分为三种类型,其中不包括( ) A、 内嵌样式表 B、 行内样式表 C、 外部样式表文件 D、 类样式表 正确答案:D 66、 <frameset rows=#>是用来指定什么的( ) A、 混合分框 B、 纵向分框 C、 横向分框 D、 任意分框 正确答案:B 67、 CSS属性中,( )可更改字体的颜色 A、 text-clolor: B、 fgcolor: C、 text-clorlor= D、 color:
33、 正确答案:D 68、 以下关于流动模型说法正确的是( ) A、 流动模型是基于标准文档流的模型 B、 浮动模型是布局设计的默认模型 C、 相对定位元素会脱离标准文档流 D、 绝对定位元素始终停留在文档流中 正确答案:A 69、 下列标签属于XHTML规范标签的是( ) A、 <div><p>我的网友</div></p> B、 <IMG SRC=image/logo.jpg> C、 <H1>随想</H1> D、 <li>这是一条信息</li> 正确答案:D 70、 在CSS样式中,设置"左边框"的语法是( )
34、A、 border-left-width: <值> B、 border-top-width: <值> C、 border-left: <值> D、 border-top-width: <值> 正确答案:C 71、 通常我们使用clear的( )属性解决浮动塌陷 A、 left B、 right C、 both D、 none 正确答案:C 72、 可以更改样式表的字体颜色的样式属性是( ) A、 text-color B、 fgcolor: C、 text-color: D、 color: 正确答案:D
35、 73、 下面哪项是外补丁属性( ) A、 border B、 margein C、 padding D、 margin 正确答案:D 74、 以下关于盒子定位说法不正确的是( ) A、 绝对定位的盒子将会脱离标准文档流 B、 浮动的盒子不会脱离标准文档流 C、 静态定位是元素默认的定位方式 D、 相对定位的盒子将脱离标准文档流 正确答案:D 75、 下列关于滑动技术说法,正确的是( ) A、 滑动技术采用两张图片重叠的方式实现 B、 滑动技术应用于背景自适应 C、 滑动技术可以根据原属内的文字自动改变
36、背景宽度 D、 滑动技术只能应用于导航菜单的制作 正确答案:D 76、 以下定位,脱离文档流的是( ) A、 #box{width:100px ;height:50px;} B、 #box{width:100px ;height:50px; postion:absolute} C、 #box{width:100px ;height:50px; postion:relative} D、 #box{width:100px ;height:50px; float:left} 正确答案:B 77、 下列选项中不属于CSS 文本属性的是( ) A
37、 font-size B、 text-transform C、 text-align D、 line-height 正确答案:D 78、 在网页设计中,盒子的模型有( )种 A、 1 B、 2 C、 3 D、 4 正确答案:B 79、 html语言中,以下定义文档内部链接的标记是( ) A、 <name="NAME"> B、 <name="NAME"></name> C、 <a name="NAME"></a> D、 <a name="NAME"> 正确答案:C 80、 能够设置盒模型的左
38、侧外补丁的属性是 ( ) A、 margin: B、 indent: C、 margin-left: D、 text-indent: 正确答案:A 81、 下列属性哪一个能够实现层的隐藏( ) A、 display:false B、 display:hidden C、 display:none D、 display:" " 正确答案:C 82、 给边框加1px蓝色实线的是( ) A、 border:1px dashed blue; B、 padding:1px solid blue; C、 border:
39、1px solid blue; D、 padding: 1px dashed blue; 正确答案:C 83、 下面关于CSS的说法不正确的有( ) A、 CSS可以控制网页背景图片 B、 margin属性的属性值可以是百分比 C、 整个BODY可以作为一个BOX D、 margin属性不能同时设置四个边的边距 正确答案:D 84、 关于块状元素与行内元素,下列说法错误的是( ) A、 块状元素的宽度默认为整个浏览器的宽度 B、 行内元素的宽度由其内容宽度和padding值及border值决定 C、 行内元素和块状元素可以用d
40、iplay属性的block值和inline值互相转换 D、 块状元素成为浮动元素后将变为行内元素 正确答案:D 85、 CSS属性中,( )用作去掉超链接的下划线 A、 a{ text-decoration: noline} B、 a{ text-decoration:underline} C、 a{ text-decoration:none} D、 a{text: underline} 正确答案:C 86、 XML 的含义是( ) A、 客户端脚本程序语言 B、 文档对象模型 C、 级联样式表 D、 可扩展标记语言 正确
41、答案:D 87、 下面写法正确的是( ) A、 a:{visited color=red}; B、 a:vistited{color:red} C、 a {vistited color= red}; D、 a visited{color: red} 正确答案:B 88、 下面那个是对边框设置为蓝色双实线( ) A、 border:1px solid B、 border: 3px double blue; C、 border-width: 1px double blue; D、 border-width: 1px blue do
42、ule 正确答案:B 89、 以下引用外部样式表正确的是( ) A、 <stylesheet>mystyle.css</stylesheet> B、 <style src="mystyle.css"> C、 <link rel="stylesheet" type="text/css" href="mystyle.css"> D、 <style href="mystyle.css"> 正确答案:C 90、 以下可以改变元素的左外补丁的属性是( ) A、 margin B、 indent C、 margin-left D、 text
43、indent 正确答案:C 91、 以下哪一个样式属性可以控制字体的大小( ) A、 text-size B、 font-size C、 text-style D、 font-style 正确答案:B 92、 使用CSS设置格式时,p em{color:blue }表示( ) A、 p元素内的em元素为蓝色 B、 p元素内的元素为蓝色 C、 em元素内的p元素为蓝色 D、 em元素内的元素为蓝色 正确答案:A 93、 下列流动布局模型中元素显示理解错误的是( ) A、 块状元素会在所处的包含元素内自上而下按顺序垂
44、直延伸分布 B、 行内元素会在所处的包含元素内从左到右水平分布显示 C、 若即有块状元素又有行内元素则行内元素会按照块状元素显示 D、 块状元素与行内元素在一起显示时,则会分别按照各自的方式显示,即块状元素会按照块状元素显示,行内元素会按照行内元素显示 正确答案:C 94、 以下代码不符合XHTML标准 的是( ) A、 <P>这是一个段落</P> B、 <hr/> C、 <img src=””/> D、 <br/> 正确答案:A 95、 能够更改文本字体的样式属性是 ( ) A、 f: B、 font= C、
45、 font-family: D、 text-decoration:none 正确答案:C 96、 以下哪个是正确的( ) A、 text-align:center 所在层中的所有图片居右对齐 B、 text-align:center 所在层中的所有图片居中对齐 C、 text-align:center 所在层中的文字居右对齐 D、 text-align:center 所在层中的文字居中对齐 正确答案:D 97、 能够定义列表的项目符号为实心矩形是( ) A、 list-type: square B、 type: 2 C、
46、type: square D、 list-style-type: square 正确答案:D 98、 下列关于float属性的取值说明不正确的是( ) A、 取值为left表示浮动到左边 B、 取值为right表示浮动到右边 C、 取值为none表示元素不浮动 D、 取值为inherit表示从父级元素获取float值,这是其默认值 正确答案:D 99、 阅读下列代码片断,关于元素b的定位说法正确的是( ) <style type="text/css"> #a{ width:400px; height:300px; borde
47、r:1px solid red; float:right; } #b{ width:100px; height:100px; border:1px solid blue; position:absolute; left:10px; top:10px; } </style> </head> <body> <div id="a"> <div id="b"></div> </div> </body> A、 相于对浏览器窗体的右上角进行位置偏移 B、 相对于浏览器窗体的左上角进行位置偏移 C、 相对于自身的位置进行
48、位置移偏 D、 相对于元素a的左上角位置进行位置偏移 正确答案:B 100、 下列CSS代码进行缩写,符合缩写的规范的是( ) margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px; A、 margin: 20px 5px 20px 20px B、 margin: 20px 20px 5px 20px C、 margin: 20px 5px D、 margin: 20px 20px 20px 5px 正确答案:B 101、 外部CSS样式文件的引用是通过
49、 )来实现的 A、 新建样式样式 B、 编辑样式 C、 附加样式 D、 自动应用 正确答案:C 102、 下列哪个样式定义后,行内元素可以定义宽度和高度( ) A、 display:inline B、 display:none C、 display:block D、 display:inherit 正确答案:C 103、 下列关于背景定位属性background-position说法错误的是( ) A、 该属性可有两个取值,第一个取值为背景图像与其容器在水平方向上的距离,第二个取值为背景图像与其容器在垂直方向上的距离 B、 若只有一个取值,则其第二个取值默认为50% C、 若此取值用百分数表示,如:20% 60%,则表示此背景图像离其容器左边的距离为整个容器宽度的20%,离容器上边的距离为整个容器高度的60% D、 若属性取值用left、center、right、top、bottom表示,则该属性取值的顺序可以颠倒,否则其取值顺序不能颠倒 正确答案:C 104、 CSS 中 body{color:red}表示( ) A、 正在点击文字的色彩是红色 B、 超链接文






