html+css笔试附答案

2024年1月31日发(作者：)

html+css

满分：172 分 考试时间：180 分钟

一、单选题（总分172,每小题1分）

1、 下列关于XHTML中的CSS样式表的说法正确的是（ ）

CSS样式表的基本选择器有：标记选择器、Id选择器和类选择器及后代A、

选择器

CSS样式表仅具有继承性

B、

对于定义样式div .p{color:red;}意思是div下面的应用了类p的标签的字C、

体颜色为红色

D选择器在CSS样式表具有最高优先级

D、I

正确答案：C

2、 以下选项中，不是页面布局模型的是（ ）

盒子模型

A、

层模型

B、

流动模型

C、

D、浮

动模型

正确答案：A

3、 以下不是float属性的是（ ）

left

A、

none

B、

right

C、

D、a

ll

正确答案：D

4、 在CSS中，关于BOX的margin属性的叙述正确的是（ ）

边距margin只能取一个值

A、

margin属性的参数有margin-left、margin-right、margin-top、B、

margin-bottom

margin属性的值不可为auto

C、

D、m

argin属性的参数值不能全部设置成0px

正确答案：B

5、 下列不属于盒子的定位的是（ ）

浮动定位

A、

盒子的流动定位

B、

盒子的页面定位

C、

D、P

osition定位

正确答案：C

6、 以下代码片断中，属于静态定位的是（ ）

#bb{width：100px；position：relative }

A、

#bb{width：100px；position：sastic }

B、

#bb{width：100px； }

C、

#bb{width：100px；position：absolute}

D、

正确答案：A

7、 下列选项中，用来改变背景颜色的样式属性是（ ）

background-color

A、

bgcolor

B、

color

C、

D、b

ackgroundcolor

正确答案：A

8、 以下选项中不能实现清除浮动的是（ ）

空div

A、

hover伪类选择器

B、

clear属性

C、

overflow属性

D、

正确答案：B

9、 background-repeat，默认效果是（ ）

背景图不平铺

A、

背景图横向平铺

B、

背景图纵向平铺

C、

背景纵向和横向上平铺

D、

正确答案：D

10、 下列不属于浮动元素特征的是（ ）

浮动元素会被自动地设置为块状元素显示

A、

浮动元素在垂直方向上它与未被定义为浮动时的位置一样

B、

浮动元素在水平方向上，它将最大程度地靠近其父级元素边缘

C、

D、浮

动元素有可能会脱离包含元素之外

正确答案：D

11、 下面关于盒子模型中的相关属性的阐述正确的是（ ）

border属性是一个复合属性，若单独使用此属性，其子属性值的必须要A、

按顺序书写

在盒子模型的每个属性中，均可分为四个方向，分别为上、右、下、左;

B、

我们在定义盒子的padding值时，若定义三个值则第一个值代表上下内C、

边距，中间的值代表右边距，而最后一个值则代表左边距

通常在网页设计中，盒子模型一般有3种

D、

正确答案：D

12、 以下说法正确的是（ ）

background-color:设置文字颜色

A、

back-corlor：设置背景色

B、

background-color：设置背景色

C、

D、c

olor：设置背景色

正确答案：C

13、 （ ）主要用来进行页面上的文字段落或图片的放置位置的设置

盒子

A、

边框

B、

区块

C、

D、定

位

正确答案：A

14、 怎样使一个层垂直居中于浏览器中（ ）

padding: 50% 50%

A、

margin: 50% 50%

B、

margin: 0 auto

C、

margin: -100 auto

D、

正确答案：B

15、 一般情况下，布局属性中溢出属性的默认值为（ ）

隐藏

A、

滚动

B、

可视

C、

D、自

动

正确答案：D

16、 能够设置文本加粗的样式属性是（ ）

font-weight:bold

A、

style:bold

B、

font:b

C、

font-style:bold

D、

正确答案：A

17、 给所有的＜h1＞标签添加背景颜色的是（ ）

h1 {background-color:#FFFFFF}

A、

h1 {background-color:#FFFFFF;}

B、

{background-color:#FFFFFF}

C、

D、#

h1 {background-color:#FFFFFF}

正确答案：B

18、 以下选项中，不属于页面布局模型的是（ ）

浮动模型

A、

盒子模型

B、

流动模型

C、

D、层

模型

正确答案：B

19、 下列对样式单位中百分比单位描述有误的是（ ）

一个百分比值由可选的正号"＋"或负号"－"、接着的一个数字，还有百A、

分号"%"

在一个百分比值之中是没有空格的

B、

百分比值是相对于其它数值，不能用于定义每个属性

C、

最经常使用的百分比值是相对于元素的字体大小

D、

正确答案：D

20、 下在代码使用HTML元素的ID属性，将样式应用于网页上的某个段落：＜P id=”firstp”＞这是一个段落＜/P＞，下面选项中，（ ）正确定义了上面代码引用的样式规则

＜Style Type=”text/css”＞ P {color:red} ＜/Style＞

A、

＜Style Type=”text/css”＞ #firstp {color:red} ＜/Style＞

B、

＜Style Type=”text/css”＞ .firstp {color:red} ＜/Style＞

C、

D、＜

Style Type=”text/css”＞ {color:red} ＜/Style＞

正确答案：B

21、 下列CSS语法规则正确的是（ ）

body:color=black

A、

{body;color:black}

B、

body {color: black}

C、

D、{

body:color=black(body}

正确答案：C

22、 以下代码片断中，属于绝对定位的是（ ）

#box{width:100px;height:50px;}

A、

#box{width:100px;height:50px;position:absolute;}

B、

#box{width:100px;height:50px; position:static;}

C、

D、#

box{width:100px;height:50px; position:relative;}

正确答案：B

23、 css中 body{ padding-left:20px;}表示（ ）

页面左边的表格大小

A、

页面左边的空白大小

B、

页面左边的可用区域大小

C、

D、页

面左边的可编辑区域大小

正确答案：B

24、 以下选项，用来设置背景图像URL的样式属性是（ ）

background-image

A、

background-repeat

B、

background-position

C、

D、b

ackground-url

正确答案：A

25、 以下选项中属于行内标签的是（ ）

span

A、

p

B、

div

C、

D、h

r

正确答案：A

26、 下列关于Alpha滤镜的说法错误的是（ ）

此滤镜主要用于设置某个元素的不透明度

A、

此滤镜中有一个参数opacity的意思是设置对象的不透明度取值，最大B、

值为100%，最小值为0

另一个重要的参数为style是指设置不透明度的样式，若为1，代表角C、

度渐变，若为2，指线型渐变

D、此

滤镜适合任何浏览器

正确答案：C

27、 下列不属于行列标签的是（ ）

＜a＞

A、

＜span＞

B、

＜br＞

C、

＜div＞

D、

正确答案：D

28、 CSS样式的下列padding复合属性不包括（ ）

填充

A、

上填充

B、

底填充

C、

D、左

填充

正确答案：A

29、 下列不能通过背景属性设置的是（ ）

背景重复

A、

背景附件

B、

纵向排列

C、

背景宽度和高度

D、

正确答案：D

30、 下列哪些是格式良好的 XHTML（ ）

＜p＞＜b＞＜i＞short＜/b＞＜/i＞ paragraph＜/p＞

A、

＜p＞＜i＞＜b＞short＜/i＞＜/b＞ paragraph＜/p＞

B、

＜p＞＜B＞＜i＞short＜/i＞＜/b＞ paragraph

C、

D、＜

p＞＜b＞＜i＞short＜/i＞＜/b＞ paragraph＜/p＞

正确答案：D

31、 在CSS样式文件中的注释正确的是（ ）

／／ this is a comment ／／

A、

／／ this is a comment

B、

/* this is a comment *

C、

D、/

' this is a comment

正确答案：C

32、 以下关于XHTML规范说法不正确的是（ ）

XHTML 元素必须被关闭

A、

用 Id 属性代替 name 属性

B、

标签名必须用小写字母

C、

空标签可以不关闭

D、

正确答案：D

33、 在CSS样式中，适用所有对象的是（ ）

背景附件

A、

文本排列

B、

纵向排列

C、

D、文

本缩进

正确答案：A

34、 如何去掉文本超级链接的下划线（ ）

a {text-decoration:no underline}

A、

a {underline:none}

B、

a {decoration:no underline}

C、

a {text-decoration:none}

D、

正确答案：D

35、 在XHTML中，（ ）可以在网页上通过链接直接打开客户端的发送邮件工具发送电子邮件

＜href=""＞发送反馈信息＜/A＞

A、

＜href=""＞发送反馈信息＜/A＞

B、

＜href=""＞发送反馈信息＜/A＞

C、

＜href=""＞发送反馈信息＜/A＞

D、

正确答案：D

36、 有关z-index属性叙述正确的一项是（ ）

此属性必须与position属性一起使用才能起作用，此时position取任何A、

值都可以

此值越大，层的顺序越往下

B、

一般后添加的元素，其z-index值越大

C、

使下面的层显示不出来

D、即

使上面的层没有任何内容也会挡住下面的层，正确答案：C

37、 以下关于:after伪类对象说法正确是（ ）

:after 伪元素在元素之后添加内容

A、

:after 伪元素只能应用于超链接标签a

B、

使用:after 伪元素可能导致浮动元素塌陷

C、

:after 不可以在元素之后添加指定链接的文件内容

D、

正确答案：A

38、 以下选项中可以为所有H1定义背景颜色的是（ ）

{background-color:#FFFFFF}

A、

h1 {background-color:#FFFFFF}

B、

{background-color:#FFFFFF}

C、

D、h

1#all {background-color:#FFFFFF}

正确答案：B

39、 跳转到””页面的”bn”锚点的代码是（ ）

＜a href="&bn"＞ ... ＜/a＞

A、

＜a href="bnl#hellohtml"＞ ... ＜/a＞

B、

＜a href="#bn"＞ ... ＜/a＞

C、

D、＜

a href="#bn"＞ ... ＜/a＞

正确答案：C

40、 下列CSS文本样式属性中，文本对齐属性取值不包括（ ）

auto

A、

justify

B、

center

C、

right

D、

正确答案：A

41、 关于DIV标记，下列说法错误的是（ ）

DIV是一个无任何语义的标签

A、

若将DIV设置宽高，若其背景图片比它大，则多余的背景图片显示不出B、

来

若将某个DIV标记的visibility属性设为hidden，则该DIV标记会让出其C、

原来占有的空间

D、可

以用DIV来制作导航菜单

正确答案：C

42、 以下选项中，可以正确定义所有p的字体为bold的是（ ）

＜p style="text-size:bold"＞

A、

＜p style="font-size:bold"＞

B、

p {text-size:bold}

C、

p {font-weight:bold}

D、

正确答案：D

43、 CSS是利用XHTML的（ ）标记构建网页布局

＜p＞

A、

＜div＞

B、

＜table＞

C、

D、＜

ul＞

正确答案：B

44、 下列CSS代码进行缩写，符合缩写的规范的是（ ）

background-position:0 0;background-repeat:no-repeat;background-image:url;

background-image: "" no-repeat 0 0;

A、

background-url: " ") no-repeat 0 0;

B、

background:url("") no-repeat 0 0;

C、

D、b

ackground: "" no-repeat 0 0;

正确答案：C

45、 如何设置英文首字母大写（ ）

text-transform:uppercase

A、

text-transform:capitalize

B、

样式表做不到

C、

text-decoration:none

D、

正确答案：B

46、 下面关于样式的说法不正确的是（ ）

样式可以控制网页背景图片

A、

margin属性的属性值可以是百分比

B、

字体大小的单位可以是em

C、

D、1

em等于18像素

正确答案：D

47、 以下不属于position定位盒子方式的是（ ）

绝对定位

A、

相对定位

B、

直接定位

C、

静态定位

D、

正确答案：C

48、 下列选项中可以用来设置字体大小的是（ ）

font-weight:bold ;

A、

style:bold ;

B、

font:12px;

C、

D、f

ont:bold;

正确答案：C

49、 盒子的Margin为20px border为1px,padding为10px,content宽202px,高为50px求标准IE盒子模型的，盒子需要占据的位置的高为（ ）

242px

A、

52px

B、

90px

C、

D、1

12px

正确答案：C

50、 在CSS语言中下列（ ）是“边框颜色”的语法

border-color: ＜值＞

A、

text-align: ＜值＞

B、

letter-spacing: ＜值＞

C、

D、v

ertical-align: ＜值＞

正确答案：A

51、 在CSS中，下面不属于BOX模型属性的有（ ）

font

A、

margin

B、

padding

C、

D、b

order

正确答案：A

52、 下列不属于清除浮动塌陷的方法的是（ ）

在最后一个浮动元素的后面，加入一个空的div并设置其样式：A、

clear:both;

在浮动元素的父级元素中，设置其样式属性：overflow:hidden或者B、

overflow: auto

利用浮动元素的after伪选择符并设置其相应属性也可以解决浮动塌陷C、

问题

after伪选择符的作用是在元素内容之前插入内容，利用这一特点可以D、

解决浮动塌陷问题

正确答案：D

53、 已 知与在同一服务器上，但不在同一文件夹中．假如文档在文件夹

information中．现要求在文档中编写一个超链接，链接到文档的proposals段落．下面语句 正确的是（ ）

＜HREF=”#proposals”＞ Link＜/A＞

A、

＜HREF=”information/#proposals”＞ Link＜/A＞

B、

＜HREF=” #proposals”＞ Link＜/A＞

C、

D、＜

HREF=”information#proposals”＞ Link＜/A＞

正确答案：B

54、 以下样式属性可以用来设置列表图标类型的是（ ）

list: square

A、

type: 2

B、

type: square

C、

ist-style-type: square

D、l

正确答案：D

55、 以下哪种元素定位方式将会脱离标准文档流（ ）

绝对定位

A、

相对定位

B、

浮动定位

C、

D、静

态定位

正确答案：A

56、 设置文本不换行的样式属性是（ ）

word-break

A、

letter-spacing

B、

white-space

C、

D、w

ord-spacing

正确答案：C

57、 关于盒子的定位，下列说法正确的是（ ）

盒子的默认定位为fixed，即固定定位

A、

盒子的相对定位是指相对于其身原有位置进行偏移，一般会结合left、B、

right、top、bottom属性使用

绝对定位是以其父元素为参考对象，绝对定位的元素会脱离文档流

C、

position属性的取值为static时，是以浏览器窗口作为定位基准

D、

正确答案：B

58、 以下关于盒子模型说法错误的是（ ）

基本的盒子模型由margin、padding、content、border组成

A、

margin是盒子的外补丁，即盒子边框以外的部分

B、

padding是盒子的内补丁，即盒子边框到内容之间的部分

C、

D、所

有的盒子模型在默认情况下都按w3c标准进行解析

正确答案：D

59、 以下哪种布局模型会导致元素塌陷（ ）

浮动模型

A、

层模型

B、

盒子模型

C、

流动模型

D、

正确答案：A

60、 下列选项中可以用来改变字体颜色的是（ ）

text-color

A、

fgcolor

B、

font-color

C、

D、c

olor

正确答案：D

61、 下面的代码包含几个BOX（ ）

＜div＞

请查看＜span＞我的BLOG＜/span＞,网址如下：

＜p＞

＜/div＞

3个

A、

4个

B、

1个

C、

2个

D、

正确答案：A

62、 有一样式表规则：H3 {color : blue ；font-size : 10pt}，以下说法正确的是（ ）

H3是选择器

A、

blue属性，color是属性值

B、

样式表中的冒号(:)可以用 = 替代

C、

D、这

个样式表属于类样式表

正确答案：A

63、 能够定义所有P标签内文字加粗的是（ ）

＜p style="text-size:bold"＞

A、

＜p style="font-size:bold"＞

B、

p {text-size:bold}

C、

p {font-weight:bold;}

D、

正确答案：D

64、 以下选项中，不属于background属性参数的是（ ）

background-image

A、

background-repeat

B、

background-position

C、

D、b

ackground-url

正确答案：D

65、 在XHTML中，样式表按照应用方式可以分为三种类型，其中不包括（ ）

内嵌样式表

A、

行内样式表

B、

外部样式表文件

C、

D、类

样式表

正确答案：D

66、 ＜frameset rows=＃＞是用来指定什么的（ ）

混合分框

A、

纵向分框

B、

横向分框

C、

任意分框

D、

正确答案：B

67、 CSS属性中，（ ）可更改字体的颜色

text-clolor:

A、

fgcolor:

B、

text-clorlor=

C、

D、c

olor:

正确答案：D

68、 以下关于流动模型说法正确的是（ ）

流动模型是基于标准文档流的模型

A、

浮动模型是布局设计的默认模型

B、

相对定位元素会脱离标准文档流

C、

绝对定位元素始终停留在文档流中

D、

正确答案：A

69、 下列标签属于XHTML规范标签的是（ ）

＜div＞＜p＞我的网友＜/div＞＜/p＞

A、

＜IMG SRC=image/＞

B、

＜H1＞随想＜/H1＞

C、

D、＜

li＞这是一条信息＜/li＞

正确答案：D

70、 在CSS样式中，设置"左边框"的语法是（ ）

border-left-width: ＜值＞

A、

border-top-width: ＜值＞

B、

border-left: ＜值＞

C、

D、b

order-top-width: ＜值＞

正确答案：C

71、 通常我们使用clear的（ ）属性解决浮动塌陷

left

A、

right

B、

both

C、

D、n

one

正确答案：C

72、 可以更改样式表的字体颜色的样式属性是（ ）

text-color

A、

fgcolor:

B、

text-color:

C、

D、c

olor:

正确答案：D

73、 下面哪项是外补丁属性（ ）

border

A、

margein

B、

padding

C、

D、m

argin

正确答案：D

74、 以下关于盒子定位说法不正确的是（ ）

绝对定位的盒子将会脱离标准文档流

A、

浮动的盒子不会脱离标准文档流

B、

静态定位是元素默认的定位方式

C、

D、相

对定位的盒子将脱离标准文档流

正确答案：D

75、 下列关于滑动技术说法,正确的是（ ）

滑动技术采用两张图片重叠的方式实现

A、

滑动技术应用于背景自适应

B、

滑动技术可以根据原属内的文字自动改变背景宽度

C、

D、滑

动技术只能应用于导航菜单的制作

正确答案：D

76、 以下定位，脱离文档流的是（ ）

#box{width:100px ;height:50px;}

A、

#box{width:100px ;height:50px; postion:absolute}

B、

#box{width:100px ;height:50px; postion:relative}

C、

D、#

box{width:100px ;height:50px; float:left}

正确答案：B

77、 下列选项中不属于CSS 文本属性的是（ ）

font-size

A、

text-transform

B、

text-align

C、

ine-height

D、l

正确答案：D

78、 在网页设计中，盒子的模型有（ ）种

1

A、

2

B、

3

C、

D、4

正确答案：B

79、 html语言中，以下定义文档内部链接的标记是（ ）

＜name="NAME"＞

A、

＜name="NAME"＞＜/name＞

B、

＜a name="NAME"＞＜/a＞

C、

D、＜

a name="NAME"＞

正确答案：C

80、 能够设置盒模型的左侧外补丁的属性是 （ ）

margin:

A、

indent:

B、

margin-left:

C、

D、t

ext-indent:

正确答案：A

81、 下列属性哪一个能够实现层的隐藏（ ）

display:false

A、

display:hidden

B、

display:none

C、

D、d

isplay:" "

正确答案：C

82、 给边框加1px蓝色实线的是（ ）

border:1px dashed blue;

A、

padding:1px solid blue;

B、

border: 1px solid blue;

C、

D、p

adding: 1px dashed blue;

正确答案：C

83、 下面关于CSS的说法不正确的有（ ）

CSS可以控制网页背景图片

A、

margin属性的属性值可以是百分比

B、

整个BODY可以作为一个BOX

C、

margin属性不能同时设置四个边的边距

D、

正确答案：D

84、 关于块状元素与行内元素，下列说法错误的是（ ）

块状元素的宽度默认为整个浏览器的宽度

A、

行内元素的宽度由其内容宽度和padding值及border值决定

B、

行内元素和块状元素可以用diplay属性的block值和inline值互相转换

C、

D、块

状元素成为浮动元素后将变为行内元素

正确答案：D

85、 CSS属性中，（ ）用作去掉超链接的下划线

a{ text-decoration: noline}

A、

a{ text-decoration:underline}

B、

a{ text-decoration:none}

C、

a{text: underline}

D、

正确答案：C

86、 XML 的含义是（ ）

客户端脚本程序语言

A、

文档对象模型

B、

级联样式表

C、

D、可

扩展标记语言

正确答案：D

87、 下面写法正确的是（ ）

a：{visited color=red}；

A、

a：vistited{color：red}

B、

a {vistited color= red};

C、

D、a

visited{color： red}

正确答案：B

88、 下面那个是对边框设置为蓝色双实线（ ）

border：1px solid

A、

border: 3px double blue;

B、

border-width: 1px double blue;

C、

border-width: 1px blue doule

D、

正确答案：B

89、 以下引用外部样式表正确的是（ ）

＜stylesheet＞＜/stylesheet＞

A、

＜style src=""＞

B、

＜link rel="stylesheet" type="text/css" href=""＞

C、

D、＜

style href=""＞

正确答案：C

90、 以下可以改变元素的左外补丁的属性是（ ）

margin

A、

indent

B、

margin-left

C、

text-indent

D、

正确答案：C

91、 以下哪一个样式属性可以控制字体的大小（ ）

text-size

A、

font-size

B、

text-style

C、

D、f

ont-style

正确答案：B

92、 使用CSS设置格式时，p em{color:blue }表示（ ）

p元素内的em元素为蓝色

A、

p元素内的元素为蓝色

B、

em元素内的p元素为蓝色

C、

D、e

m元素内的元素为蓝色

正确答案：A

93、 下列流动布局模型中元素显示理解错误的是（ ）

块状元素会在所处的包含元素内自上而下按顺序垂直延伸分布

A、

行内元素会在所处的包含元素内从左到右水平分布显示

B、

若即有块状元素又有行内元素则行内元素会按照块状元素显示

C、

块状元素与行内元素在一起显示时，则会分别按照各自的方式显示，即D、

块状元素会按照块状元素显示，行内元素会按照行内元素显示

正确答案：C

94、 以下代码不符合XHTML标准 的是（ ）

＜P＞这是一个段落＜/P＞

A、

＜hr/＞

B、

＜img src=””/＞

C、

D、＜

br/＞

正确答案：A

95、 能够更改文本字体的样式属性是 （ ）

f:

A、

font=

B、

font-family:

C、

D、t

ext-decoration:none

正确答案：C

96、 以下哪个是正确的（ ）

text-align:center 所在层中的所有图片居右对齐

A、

text-align:center 所在层中的所有图片居中对齐

B、

text-align：center 所在层中的文字居右对齐

C、

D、t

ext-align：center 所在层中的文字居中对齐

正确答案：D

97、 能够定义列表的项目符号为实心矩形是（ ）

list-type: square

A、

type: 2

B、

type: square

C、

ist-style-type: square

D、l

正确答案：D

98、 下列关于float属性的取值说明不正确的是（ ）

取值为left表示浮动到左边

A、

取值为right表示浮动到右边

B、

取值为none表示元素不浮动

C、

D、取

值为inherit表示从父级元素获取float值，这是其默认值

正确答案：D

99、 阅读下列代码片断，关于元素b的定位说法正确的是（ ）

＜style type="text/css"＞

＃a{

width:400px;

height:300px;

border: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、

相对于元素a的左上角位置进行位置偏移

D、

正确答案：B

100、 下列CSS代码进行缩写，符合缩写的规范的是（ ）

margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px;

margin: 20px 5px 20px 20px

A、

margin: 20px 20px 5px 20px

B、

margin: 20px 5px

C、

D、m

argin: 20px 20px 20px 5px

正确答案：B

101、 外部CSS样式文件的引用是通过（ ）来实现的

新建样式样式

A、

编辑样式

B、

附加样式

C、

自动应用

D、

正确答案：C

102、 下列哪个样式定义后，行内元素可以定义宽度和高度（ ）

display:inline

A、

display:none

B、

display:block

C、

D、d

isplay:inherit

正确答案：C

103、 下列关于背景定位属性background-position说法错误的是（ ）

该属性可有两个取值，第一个取值为背景图像与其容器在水平方向上的A、

距离，第二个取值为背景图像与其容器在垂直方向上的距离

若只有一个取值，则其第二个取值默认为50%

B、

若此取值用百分数表示，如：20% 60%，则表示此背景图像离其容器左边的距离为整个容器宽度的20%，离容器上边的距离为整个容器高度的C、

60%

若属性取值用left、center、right、top、bottom表示，则该属性取值的D、

顺序可以颠倒，否则其取值顺序不能颠倒

正确答案：C

104、 CSS 中 body{color:red}表示（ ）

正在点击文字的色彩是红色

A、

超链接文字的色彩是红色

B、

非链接文字的色彩是红色

C、

D、页

面中所有文字的色彩是红色

正确答案：D

105、 可以更改字体大小的样式属性是（ ）

text-size

A、

font-size

B、

text-style

C、

D、f

ont-style

正确答案：B

106、 以下盒子中，能够被所有浏览器兼容的是（ ）

IE盒子

A、

WEB盒子

B、

文档盒子

C、

D、标

准W3C盒子

正确答案：D

107、 在CSS样式中，下列哪一项是设置列表样式图象的语法（ ）

width: ＜值＞

A、

height: ＜值＞

B、

white-space: ＜值＞

C、

ist-style-image: ＜值＞

D、l

正确答案：D

108、 单击（ ）会跳转到当前页面某个位置，却不会打开新的网页文件

空链接

A、

文本链接

B、

锚链接

C、

D、E

-mail链接

正确答案：C

109、 以下关于background说法正确的是（ ）

background只能设置页面的背景颜色

A、

background用来设置页面元素的背景图像

B、

background不能够精确定位背景图像

C、

D、b

ackground属性默认情况下只在水平方向重复背景图像

正确答案：C

110、 在Css Sprites图片整合技术中，实现背景定位的是（ ）

background-image

A、

background-url

B、

position

C、

D、b

ackground-position

正确答案：D

111、 取消UL符号的属性是（ ）

list：none

A、

listtype：none

B、

list-style-type：none

C、

ist-style：none

D、l

正确答案：C

112、 今有以下框架结构用滑动门技术制作导航菜单

＜div id="menu"＞

＜ul＞

＜li＞＜a href="＃"＞＜span＞军事＜/span＞＜/a＞＜/li＞

＜li＞＜a href="＃"＞＜span＞新闻热线＜/span＞＜/a＞＜/li＞

＜li＞＜a href="＃"＞＜span＞在线购物＜/span＞＜/a＞＜/li＞

＜li＞＜a href="＃"＞＜span＞娱乐天地＜/span＞＜/a＞＜/li＞

＜li＞＜a href="＃"＞＜span＞环球日报＜/span＞＜/a＞＜/li＞

＜li＞＜a href="＃"＞＜span＞其他＜/span＞＜/a＞＜/li＞

＜/ul＞

＜div class="clear"＞＜/div＞

＜/div＞

下面说法错误的是（ ）

可以为a标记设置背景，此背景是产生菜单的左半部分，而将span标A、

记设置为菜单的另一部分，从容器的右上部分开始放置背景

a 和span标记一般设为块状标记

B、

若要设置为水平菜单，要将li标记设为向左浮动

C、

＜div class="clear"＞＜/div＞主要用于将前面元素的定位取消

D、

正确答案：D

113、 有选择器规则如下：

A:link {color : green }

A:visited {color : blue}

A:active {color : red}

以下说法正确的是（ ）

A:link用于设置已访问过的链接

A、

A:visited用于设置已访问过的链接

B、

A:active用于设置已访问过的链接

C、

D、A

:hover用于设置已访问过的链接

正确答案：B

114、 （ ）几乎可以控制所有文字的属性，它也可以套用到多个网页，甚至整个网站的网页上

CSS样式

A、

HTML样式

B、

页面属性

C、

D、文

本属性面板

正确答案：A

115、 下列哪一项是CSS 正确的语法（ ）

body: color=black

A、

{body: color:black}

B、

body{color:black}

C、

{body:color=black}

D、

正确答案：C

116、 有关浮动与定位，下列说法正确的是（ ）

浮动元素有时会脱离文档流

A、

固定定位的元素不可以作为绝对定位元素的包含块

B、

相对定位的元素默认为遵照流动模型布局

C、

D、浮

动元素不能设置其宽度和高度

正确答案：C

117、 下列关于滑动门技术说法错误的是（ ）

滑动门技术采用两张图片重叠的方式实现

A、

滑动门技术应用于背景自适应

B、

滑动门技术可以根据元素内的文字自动改变背景的宽度

C、

D、滑

动门技术用于制作导航菜单

正确答案：D

118、 XHTML中的docType的定义相关说法正确的是（ ）

提供了4种DTD声明

A、

框架类型兼容了以前版本定义，可以继续使用在XHTML新规范中已经B、

废除的标签和属性

过渡类型则不兼容已经废除的标签和属性

C、

框架类型包括过渡类型的所有内容及页面框架部分

D、

正确答案：D

119、 以下关于Css Sprites图片整合技术的优点，说法不正确的是（ ）

图片整合技术可以加快页面浏览的速度

A、

图片整合技术可以减少对服务器的请求

B、

图片整合技术可以减少请求图像文件的字节数

C、

D、图

片整合技术会加重对服务器负担

正确答案：D

120、 在CSS样式中，不是背景图像的属性是（ ）

背景重复

A、

背景颜色

B、

纵向排列

C、

背景位置

D、

正确答案：B

121、 在下面的 XHTML 中，哪个可以正确地标记换行（ ）

＜br /＞

A、

＜break/＞

B、

＜br＞

C、

D、＜

break＞

正确答案：A

122、 下列哪一项是正确的CSS样式规则语法（ ）

body:color=black

A、

{body;color:black}

B、

body {color: black;}

C、

D、{

body:color=black(body}

正确答案：C

123、 下列不属于HTML与XHTML区别的一项是（ ）

XHTML必须要正确地嵌套

A、

HTML的标记可以用大写或小写形式

B、

HTML比XHTML出现的时间早，现在已经被淘汰了

C、

XHTML DTD定义了强制使用的HTML元素

D、

正确答案：C

124、 关于下列两行HTML代码，描述正确的是（ ）

＜img src="" alt＝"picture"＞

＜a href=""＞picture＜/a＞

两者都是将图片链接到网页

A、

前者是将图片链接到网页，后者是在网页中直接显示图片

B、

两者都是在网页中直接显示图片

C、

D、前

者是在网页中直接显示图片，后者是将图片链接到网页

正确答案：D

125、 下面错误的是（ ）

background-position:10px 100px;

A、

background-position: 10% px 10px

B、

background-position: left top

C、

D、b

ackground-position:right bottom

正确答案：C

126、 可以被IE，和FireFox兼容的是（ ）

WEB盒子

A、

IE盒子

B、

文档盒子

C、

W3C盒子

D、

正确答案：D

127、 分析下面的XHTML代码片段，则选项中的说法错误的是（ ）

＜HEAD＞

＜style type="text/css"＞

.red{color:red;font-family:"宋体";font-size:15px;}

P{color:blue;font-family:"隶书";font-size:20px;}

＜/style＞

＜/head＞

＜body＞

＜P class="red"＞你好＜/P＞

＜H1 class="red"＞欢迎＜/H1＞

＜/BODY＞

"red"为类选择器

A、

"P"为标记选择器

B、

“你好”和“欢迎”都应用了类样式"red"

C、

“你好”的文本颜色为蓝色

D、

正确答案：D

128、 box1的margin-bottom：7px，box2的margin-top：9px说法正确的是（ ）

box1和box2的垂直间距是16px

A、

box1和box2的垂直间距是2px

B、

; box1和box2的垂直间距是7px

C、

D、b

ox1和box2的垂直间距是9px

正确答案：D

129、 以下最合理的定义标题的方法是（ ）

＜span class="heading"＞文章标题＜/span＞

A、

＜p＞＜b＞文章标题＜/b＞＜/p＞

B、

＜h1＞文章标题＜/h1＞

C、

D、＜

strong＞文章标题＜/strong＞

正确答案：C

130、 在CSS 中文本垂直对齐属性vertical-align 的取值top 表示（ ）

写在其它元素中线的上方

A、

写在其它元素基线的上方

B、

以其它文本元素的顶线作为被定义元素的底线

C、

以其它普通元素的顶线作为被定义元素的底线

D、

正确答案：B

131、 样式是利用以下（ ）标记构建网页布局

＜dir＞

A、

＜div＞

B、

＜dis＞

C、

D、＜

dif＞

正确答案：B

132、 下列哪个是对Line-height：32px的正确解释（ ）

设置行高为整个父容器的32%

A、

设置文本大小为32像素

B、

设置行高位32像素

C、

设置列宽为32像素

D、

正确答案：C

133、 图片加链接后有浏览器默认的边框，如何消除（ ）

img{ border:0px;}

A、

img:visited{border:0px}

B、

img a:visited{text-decoration:underline}

C、

mg a:visited{text-decoration:underline }

D、i

正确答案：A

134、 下列属于流动布局模型的是（ ）

浮动元素

A、

固定定位

B、

相对定位

C、

D、绝

对定位

正确答案：C

135、 在以下的 HTML 中，哪个是正确引用外部样式表的方法（ ）

＜style src=""＞

A、

＜link rel="stylesheet" type="text/css" href=""＞

B、

＜stylesheet＞＜/stylesheet＞

C、

＜stylesheet src=” ” ＞

D、

正确答案：B

136、 以下是加载背景图像的属性是（ ）

Img

A、

background-url

B、

background-img

C、

D、b

ackground-image

正确答案：D

137、 在CSS中不属于添加在当前页面的样式是（ ）

内联样式表

A、

嵌入式样式表

B、

行内样式表

C、

链接式样式表

D、

正确答案：D

138、 盒子模型有几种（ ）

1

A、

4

B、

3

C、

D、2

正确答案：D

139、 以下关于相对定位说法正确的是（ ）

相对定位指的是相对于浏览器窗体的左上角进行位置偏移

A、

相对定位的元素不会脱离标准文档流，所以会影响其它同级元素的定位

B、

相对定位是相对于父级容器进行位置偏移

C、

D、相

对定位是相对于元素自身的位置进行偏移

正确答案：D

140、 以下代码片断符合标准的是（ ）

＜input type=text /＞

A、

＜input type="text" ＞

B、

＜input type="text" disabled /＞

C、

D、＜

input type="text" disabled ="disabled"/＞

正确答案：D

141、 下列关于IE盒子与W3C盒子的叙述正确的有（ ）

IE盒子的所占居的大小比W3C盒子大

A、

W3C盒子的内容部分包括其padding和border部分

B、

只有Firefox浏览器才可以将一个盒子解析成W3C盒子

C、

只有文档没有定义docType并且只有用IE浏览器才可以将盒子显示为D、

IE盒子

正确答案：D

142、 ＜a href="＃bn"＞ ... ＜/a＞表示（ ）

跳转到”bn”页面

A、

跳转到页面的”bn”锚点

B、

超链接的属性是”bn”

C、

D、超

链接的对象是”bn”

正确答案：B

143、 下列HTML属性用来定义行内样式规则的是（ ）

style

A、

class

B、

font

C、

D、s

tyles

正确答案：A

144、 在下列标签中不属于块状标签的是（ ）

＜br＞

A、

＜p＞

B、

＜div＞

C、

D、＜

hr＞

正确答案：A

145、 在XHTML中，（ ）标签在标记符合XHTML规范

＜H1＞

A、

＜P＞

B、

＜BR/＞

C、

D、＜

HR＞

正确答案：C

146、 下列代码不符合标准的是（ ）

＜br＞

A、

＜p＞你好！＜/p＞

B、

＜div＞＜/div＞

C、

D、＜

body＞＜/body＞

正确答案：C

147、 如何在新窗口中打开链接（ ）

＜a href=”#” new＞

A、

＜a href=”#” target=”_blank”＞

B、

＜a href=”#” target=”_self”＞＜/a＞

C、

＜a href=”#” target=”_blank”＞＜/a＞

D、

正确答案：D

148、 以下选项，用来设置背景图像在X轴上平铺的样式属性是（ ）

background-image

A、

background-repeat

B、

background-position

C、

D、b

ackground-url

正确答案：B

149、 CSS padding:10px 20px 30px 的描述正确的是（ ）

左内补丁10px, 右内补丁20px, 上下内补丁30px

A、

上内补丁10px, 下内补丁20px, 左右内补丁30px

B、

上内补丁10px, 左右内补丁20px, 下内补丁30px

C、

左右内补丁10px, 上内补丁20px, 上下内补丁30px

D、

正确答案：C

150、 以下关于XHTML中的盒子模型，描述正确的是（ ）

盒子模型中，仅有padding和margin这两个属性来定义一个盒子

A、

盒子模型中，只有margin属性可以设置为负值

B、

盒子模型中，用IE浏览器来解析的盒子叫IE盒子

C、

D、盒

子模型中，可以用Firefox浏览器将一个盒子解析为IE盒子

正确答案：B

151、 以下关于包含块说法正确的是（ ）

包含块的作用是为绝对定位的元素提供定位基准

A、

包含块指的是绝对定位的父级容器

B、

包含块指的是相对定位的父级容器

C、

D、包

含块指设置了float属性的元素

正确答案：A

152、 下列关于包含块的理解正确的是（ ）

元素的相对定位都是基于包含块来说的

A、

包含块必须是当前要定位元素的父元素

B、

包含块是为绝对定位元素提供坐标偏移和显示范围的参照物

C、

若绝对定位的元素没有直接父元素，则该元素不能使用绝对定位

D、

正确答案：C

153、 要在新窗口中显示链接页面，必须在〈a〉标签中设置（ ）属性

target

A、

href

B、

alink

C、

D、v

link

正确答案：A

154、 下列表示定义有序列表的标签是（ ）

＜dl＞＜/dl＞

A、

＜dt＞＜/dt＞

B、

＜dd＞＜/dd＞

C、

＜ol＞＜/ol＞

D、

正确答案：D

155、 关于盒子之间的位置关系下列说法正确的是（ ）

水平盒子的间距为取两个盒子的margin最大值

A、

垂直盒子的间距等于两个盒子中较大的margin值

B、

重叠盒子是指两个盒子中，下面盒子的border值为负值时会自动向上C、

移动

D、盒

子的间距与其padding值也有关系

正确答案：B

156、 要将外部样式表文件导入当前HTML文件，这时我们可以使用（ ）

link元素

A、

style元素

B、

style属性

C、

D、s

cript元素

正确答案：A

157、 对ul li的样式设成无，应该是用什么属性（ ）

list-type-style:none

A、

list-style:none

B、

li-style:none

C、

li-list:none

D、

正确答案：B

158、 能够设置盒模型的内补丁为10、20、30、40像素的样式属性是（ ）

padding:10px 20px 30px 40px

A、

padding:10px 1px

B、

padding:5px 20px 10px

C、

D、p

adding:10px

正确答案：A

159、 盒子的Margin为20px border为1px,padding为10px,content宽202px,高为50px求标准IE盒子模型的，盒子的实际大小的高为（ ）

50px

A、

70px

B、

72px

C、

52px

D、

正确答案：A

160、 下列语句描述正确的是（ ）

当页面有多个层堆叠时，按照z-index的数值由大到小，从里往外排列

A、

当页面有多个层堆叠时，按照z-index的数值由大到小，从外向里排列

B、

设置层的显示属性中inline意味着按块显示，换行显示

C、

设置层的显示属性中block意味着按行显示，和其它元素同一行显示

D、

正确答案：B

161、 下面哪一个是相对长度单位（ ）

in

A、

px

B、

pt

C、

D、p

c

正确答案：B

162、 以下选项中可以打开邮件客户端程序的是（ ）

＜a”＞联系我们＜/a＞

A、

＜a href=“／／门户＜/a＞

B、

＜a name=“myanchor”＞＜/a＞

C、

＜a href=“#chapter2”＞第一章＜/a＞

D、

正确答案：A

163、 以下关于XHTML规范说法不正确的是（ ）

XHTML 元素必须被关闭

A、

用 Id 属性代替 name 属性

B、

标签名必须用小写字母

C、

D、空

标签可以不关闭

正确答案：D

164、 盒子的Margin为20px border为1px,padding为10px,content宽202px,高为50px求标准W3C盒子模型的，盒子需要占据的位置的宽为（ ）

262

A、

222

B、

242

C、

D、2

64

正确答案：D

165、 下列不属于DIV+CSS布局的优点的是（ ）

代码简洁、结构清晰

A、

对搜索引擎支持好

B、

易于版面布局修改

C、

D、提

高浏览器的执行效率

正确答案：D

166、 CSS属性中，（ ）用来更改背景颜色

background-color

A、

bgclolor

B、

color

C、

D、b

ackgroundColor

正确答案：A

167、 关于浮动塌陷，下列说法正确的是（ ）

浮动塌陷与浏览器有关，在firefox浏览器中不支持浮动塌陷

A、

使用after伪选择器解决浮动塌陷的办法只适合于IE浏览器

B、

浮动塌陷产生的原因是由于在一个父盒子中所有的子盒子都设为浮动C、

后父盒子的高度塌陷为零

D、浮

动塌陷是IE浏览器设计的BUG，其它浏览器不存在这种问题

正确答案：C

168、 CSS样式中，盒子模型的属性不包括（ ）

border

A、

margin

B、

padding

C、

D、v

isible

正确答案：D

169、 下列选项中，哪些不是页面布局（ ）

盒子模型

A、

层模型

B、

流动模型

C、

D、浮

动模型

正确答案：A

170、 以上说法中错误的有（ ）

内容与表现分离，减轻浏览器负担

A、

内容越表现分离，导致页面结构不完整

B、

内容与表现分离，使页面设计简洁

C、

D、内

容与表现分离是现代页面设计的标准

正确答案：B

171、 以下选项可以定义不带下划线的超链接是（ ）

a {text-decoration:no underline}

A、

a {underline:none}

B、

a {decoration:no underline}

C、

D、a

{text-decoration:none}

正确答案：D

172、 下列语句能够正确在一个XHTML页面中导入在同一目录下的“”样式表的是（ ）

＜style＞@import ;＜/style＞

A、

＜link rel=”stylesheet” type=”text/css” href=””/＞

B、

＜ link rel=”” type=”text/css”＞

C、

D、＜

style rel=”stylesheet” type=”text/css” src=””＞＜/style＞

正确答案：B