html+css笔试附答案

更新时间：2024-06-27 02:44:01 阅读量：综合文库文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

htmlcss笔记推荐度：
相关推荐

html+css

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

一、单选题（总分172,每小题1分） 1、下列关于XHTML中的CSS样式表的说法正确的是（）

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

CB、 SS样式表仅具有继承性

对于定义样式div .p{color:red;}意思是div下面的应用了类p的标签的C、字体颜色为红色 ID、 D选择器在CSS样式表具有最高优先级正确答案：C 2、以下选项中，不是页面布局模型的是（）

A、盒子模型 B、层模型流动模型 C、

D、浮动模型

正确答案：A 3、以下不是float属性的是（）

A、l eft B、n one C、r ight D、a ll

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

边A、距margin只能取一个值

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

B、 margin-bottom mC、 argin属性的值不可为auto

mD、 argin属性的参数值不能全部设置成0px 正确答案：B

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

A、浮动定位 B、盒子的流动定位 C、盒子的页面定位 D、P osition定位

正确答案：C 6、以下代码片断中，属于静态定位的是（）

A、# bb{width：100px；position：relative } B、# bb{width：100px；position：sastic } C、# bb{width：100px； }

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

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

A、b ackground-color B、b gcolor C、c olor

D、b ackgroundcolor

正确答案：A 8、以下选项中不能实现清除浮动的是（）

A、空 div

B、h over伪类选择器 C、c lear属性 overflow属性 D、

正确答案：B 9、 background-repeat，默认效果是（）

A、背景图不平铺

B、背景图横向平铺 C、背景图纵向平铺背景纵向和横向上平铺 D、

正确答案：D 10、下列不属于浮动元素特征的是（）

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

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

C、浮动元素在水平方向上，它将最大程度地靠近其父级元素边缘 D、浮动元素有可能会脱离包含元素之外

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

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

顺序书写

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

我们在定义盒子的padding值时，若定义三个值则第一个值代表上下内边距，中间的值代表右边距，而最后一个值则代表左边距通常在网页设计中，盒子模型一般有3种 D、

正确答案：D 12、以下说法正确的是（）

A、b ackground-color:设置文字颜色 B、b ack-corlor：设置背景色 C、b ackground-color：设置背景色 D、c olor：设置背景色

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

A、盒子

A、

C、

B、边框 C、区块定位 D、

正确答案：A 14、怎样使一个层垂直居中于浏览器中（）

A、p adding: 50% 50% margin: 50% 50% B、

C、m argin: 0 auto D、m argin: -100 auto

正确答案：B 15、一般情况下，布局属性中溢出属性的默认值为（）

A、隐藏 B、滚动 C、可视自动 D、

正确答案：D 16、能够设置文本加粗的样式属性是（）

A、f ont-weight:bold style:bold B、 C、f ont:b

D、f ont-style:bold

正确答案：A 17、给所有的＜h1＞标签添加背景颜色的是（）

A、h 1 {background-color:#FFFFFF} B、h 1 {background-color:#FFFFFF;} C、h 1.all {background-color:#FFFFFF}

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＞，下面选项中，（）正确定义了上面代码引用的样式规则

A、＜ Style Type=”text/css”＞ P {color:red} ＜/Style＞ B、＜ Style Type=”text/css”＞ #firstp {color:red} ＜/Style＞＜Style Type=”text/css”＞ .firstp {color:red} ＜/Style＞ C、

D、＜ Style Type=”text/css”＞ P.firstp {color:red} ＜/Style＞正确答案：B 21、下列CSS语法规则正确的是（）

A、b ody:color=black B、{ body;color:black} C、b ody {color: black} D、{ body:color=black(body}

D、＜ ul＞

正确答案：B 44、下列CSS代码进行缩写，符合缩写的规范的是（）

background-position:0

0;background-repeat:no-repeat;background-image:url(background.gif);

A、b ackground-image: \B、b ackground-url: \C、b ackground:url(\D、b ackground: \正确答案：C 45、如何设置英文首字母大写（）

text-transform:uppercase A、

B、t ext-transform:capitalize C、样式表做不到 D、t ext-decoration:none

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

A、样式可以控制网页背景图片 B、m argin属性的属性值可以是百分比 C、字体大小的单位可以是em D、1 em等于18像素

正确答案：D 47、以下不属于position定位盒子方式的是（）

绝对定位 A、

B、相对定位 C、直接定位

D、静态定位

正确答案：C 48、下列选项中可以用来设置字体大小的是（）

font-weight:bold ; A、

B、s tyle:bold ; C、f ont:12px; font:bold; D、

正确答案：C 49、盒子的Margin为20px border为1px,padding为10px,content宽202px,

高为50px求标准IE盒子模型的，盒子需要占据的位置的高为（）

A、2 42px 52px B、 C、9 0px D、1 12px

正确答案：C 50、在CSS语言中下列（）是“边框颜色”的语法

A、b order-color: ＜值＞ B、t ext-align: ＜值＞ C、l etter-spacing: ＜值＞ D、v ertical-align: ＜值＞

正确答案：A 51、在CSS中，下面不属于BOX模型属性的有（）

A、f ont margin B、 C、p adding D、b order 正确答案：A

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

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

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

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

after伪选择符的作用是在元素内容之前插入内容，利用这一特点可以解D、决浮动塌陷问题正确答案：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＞ C、＜ HREF=” #proposals”＞ Link＜/A＞

D、＜ HREF=”information#proposals”＞ Link＜/A＞正确答案：B 54、以下样式属性可以用来设置列表图标类型的是（）

list: square A、 B、t ype: 2 C、t ype: square

list-style-type: square D、

正确答案：D 55、以下哪种元素定位方式将会脱离标准文档流（）

A、绝对定位 B、相对定位 C、浮动定位 D、静态定位

正确答案：A 56、设置文本不换行的样式属性是（）

A、w ord-break B、l etter-spacing white-space C、

D、w ord-spacing

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

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

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

B、 right、top、bottom属性使用绝C、对定位是以其父元素为参考对象，绝对定位的元素会脱离文档流 pD、 osition属性的取值为static时，是以浏览器窗口作为定位基准正确答案：B 58、以下关于盒子模型说法错误的是（）

A、基本的盒子模型由margin、padding、content、border组成 B、m argin是盒子的外补丁，即盒子边框以外的部分 padding是盒子的内补丁，即盒子边框到内容之间的部分 C、

D、所有的盒子模型在默认情况下都按w3c标准进行解析正确答案：D 59、以下哪种布局模型会导致元素塌陷（）

浮动模型 A、 B、层模型 C、盒子模型 D、流动模型

正确答案：A 60、下列选项中可以用来改变字体颜色的是（）

A、t ext-color B、f gcolor

C、f ont-color D、c olor

正确答案：D 61、下面的代码包含几个BOX（）

＜div＞

请查看＜span＞我的BLOG＜/span＞,网址如下：＜p＞blog.163.com＜/p＞＜/div＞

3个 A、 B、4 个 C、1 个 D、2 个

正确答案：A

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

的是（）

A、H 3是选择器

B、b lue属性，color是属性值 C、样式表中的冒号(:)可以用 = 替代 D、这个样式表属于类样式表

正确答案：A 63、能够定义所有P标签内文字加粗的是（）

A、＜ p style=\＞ B、＜ p style=\＞ C、p {text-size:bold} p {font-weight:bold;} D、

正确答案：D 64、以下选项中，不属于background属性参数的是（）

A、b ackground-image

B、b ackground-repeat C、b ackground-position background-url D、

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

A、内嵌样式表行内样式表 B、

C、外部样式表文件 D、类样式表

正确答案：D 66、＜frameset rows=＃＞是用来指定什么的（）

A、混合分框 B、纵向分框 C、横向分框任意分框 D、

正确答案：B 67、 CSS属性中，（）可更改字体的颜色

A、t ext-clolor: fgcolor: B、

C、t ext-clorlor= D、c olor:

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

A、流动模型是基于标准文档流的模型 B、浮动模型是布局设计的默认模型 C、相对定位元素会脱离标准文档流

D、绝对定位元素始终停留在文档流中正确答案：A 69、下列标签属于XHTML规范标签的是（）

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

B、＜ IMG SRC=image/logo.jpg＞ C、＜ H1＞随想＜/H1＞

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

正确答案：D 70、在CSS样式中，设置\左边框\的语法是（）

A、b order-left-width: ＜值＞ B、b order-top-width: ＜值＞ C、b order-left: ＜值＞ D、b order-top-width: ＜值＞

正确答案：C 71、通常我们使用clear的（）属性解决浮动塌陷

left A、 B、r ight C、b oth none D、

正确答案：C 72、可以更改样式表的字体颜色的样式属性是（）

A、t ext-color B、f gcolor: C、t ext-color: D、c olor:

正确答案：D 73、下面哪项是外补丁属性（）

A、b order B、m argein 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、

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、f ont-size B、t ext-transform

C、t ext-align D、l ine-height

正确答案：D 78、在网页设计中，盒子的模型有（）种

A、1 B、2 3 C、 D、4

正确答案：B 79、 html语言中，以下定义文档内部链接的标记是（）

A、＜ name=\＞ B、＜ name=\＞＜/name＞ C、＜ a name=\＞＜/a＞ D、＜ a name=\＞

正确答案：C 80、能够设置盒模型的左侧外补丁的属性是（）

A、m argin: B、i ndent: margin-left: C、

D、t ext-indent:

正确答案：A 81、下列属性哪一个能够实现层的隐藏（）

A、d isplay:false B、d isplay:hidden C、d isplay:none D、d isplay:\

正确答案：C 82、给边框加1px蓝色实线的是（）

A、b order:1px dashed blue; padding:1px solid blue; B、

C、b order: 1px solid blue; D、p adding: 1px dashed blue; 正确答案：C 83、下面关于CSS的说法不正确的有（）

A、C SS可以控制网页背景图片 B、m argin属性的属性值可以是百分比 C、整个BODY可以作为一个BOX

D、m argin属性不能同时设置四个边的边距

正确答案：D 84、关于块状元素与行内元素，下列说法错误的是（）

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

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

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

C、换 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、

正确答案：D 87、下面写法正确的是（）

A、a ：{visited color=red}； a：vistited{color：red} B、

C、a {vistited color= red}; D、a visited{color： red}

正确答案：B 88、下面那个是对边框设置为蓝色双实线（）

A、b order：1px solid B、b order: 3px double blue; C、b order-width: 1px double blue; border-width: 1px blue doule D、

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

A、＜ stylesheet＞mystyle.css＜/stylesheet＞＜style src=\＞ B、

C、＜ link rel=\＞ D、＜ style href=\＞

正确答案：C 90、以下可以改变元素的左外补丁的属性是（）

A、m argin B、i ndent C、m argin-left

D、t ext-indent

正确答案：C 91、以下哪一个样式属性可以控制字体的大小（）

text-size A、

B、f ont-size C、t ext-style font-style D、

正确答案：B 92、使用CSS设置格式时，p em{color:blue }表示（）

A、p 元素内的em元素为蓝色 B、p 元素内的元素为蓝色 C、e m元素内的p元素为蓝色 D、e m元素内的元素为蓝色

正确答案：A 93、下列流动布局模型中元素显示理解错误的是（）

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

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

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

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

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

D、

正确答案：C 94、以下代码不符合XHTML标准的是（）

A、＜ P＞这是一个段落＜/P＞ B、＜ hr/＞

C、＜ img src=””/＞

D、＜ br/＞

正确答案：A 95、能够更改文本字体的样式属性是（）

f: A、 B、f ont= C、f ont-family: text-decoration:none D、

正确答案：C 96、以下哪个是正确的（）

A、t ext-align:center 所在层中的所有图片居右对齐 B、t ext-align:center 所在层中的所有图片居中对齐 C、t ext-align：center 所在层中的文字居右对齐 D、t ext-align：center 所在层中的文字居中对齐正确答案：D 97、能够定义列表的项目符号为实心矩形是（）

list-type: square A、

B、t ype: 2 C、t ype: square

list-style-type: square D、

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

A、取值为left表示浮动到左边 B、取值为right表示浮动到右边 C、取值为none表示元素不浮动

D、取值为inherit表示从父级元素获取float值，这是其默认值正确答案：D 99、阅读下列代码片断，关于元素b的定位说法正确的是（）

＜style type=\＞＃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=\＞

＜div id=\＞＜/div＞＜/div＞＜/body＞

A、相于对浏览器窗体的右上角进行位置偏移相对于浏览器窗体的左上角进行位置偏移 B、

C、相对于自身的位置进行位置移偏

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

正确答案：B 100、下列CSS代码进行缩写，符合缩写的规范的是（）

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

A、m argin: 20px 5px 20px 20px B、m argin: 20px 20px 5px 20px C、m argin: 20px 5px

D、m argin: 20px 20px 20px 5px

正确答案：B 101、外部CSS样式文件的引用是通过（）来实现的

A、新建样式样式 B、编辑样式附加样式 C、

D、自动应用

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

display:inline A、

B、d isplay:none C、d isplay:block D、d isplay:inherit

正确答案：C 103、下列关于背景定位属性background-position说法错误的是（）

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

离，第二个取值为背景图像与其容器在垂直方向上的距离若只有一个取值，则其第二个取值默认为50% B、

若此取值用百分数表示，如：20% 60%，则表示此背景图像离其容器左边的距离为整个容器宽度的20%，离容器上边的距离为整个容器高度的60% 若属性取值用left、center、right、top、bottom表示，则该属性取值的顺序可以颠倒，否则其取值顺序不能颠倒

A、

C、

D、

正确答案：C 104、 CSS 中 body{color:red}表示（）

A、正在点击文字的色彩是红色 B、超链接文字的色彩是红色 C、非链接文字的色彩是红色 D、页面中所有文字的色彩是红色

正确答案：D 105、可以更改字体大小的样式属性是（）

A、t ext-size B、f ont-size text-style C、

D、f ont-style

正确答案：B 106、以下盒子中，能够被所有浏览器兼容的是（）

IE盒子 A、

B、W EB盒子 C、文档盒子 D、标准W3C盒子

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

A、w idth: ＜值＞ B、h eight: ＜值＞ white-space: ＜值＞ C、

D、l ist-style-image: ＜值＞

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

空链接 A、

B、文本链接 C、锚链接 D、E -mail链接

正确答案：C 109、以下关于background说法正确的是（）

A、b ackground只能设置页面的背景颜色 B、b ackground用来设置页面元素的背景图像

C、b ackground不能够精确定位背景图像

D、b ackground属性默认情况下只在水平方向重复背景图像正确答案：C 110、在Css Sprites图片整合技术中，实现背景定位的是（）

A、b ackground-image B、b ackground-url position C、

D、b ackground-position 正确答案：D 111、取消UL符号的属性是（）

A、l ist：none B、l isttype：none C、l ist-style-type：none D、l ist-style：none

正确答案：C 112、今有以下框架结构用滑动门技术制作导航菜单

＜div id=\＞＜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=\＞＜/div＞＜/div＞

下面说法错误的是（）

可以为a标记设置背景，此背景是产生菜单的左半部分，而将span标记设置为菜单的另一部分，从容器的右上部分开始放置背景 a 和span标记一般设为块状标记

A、

B、

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

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

正确答案：D 113、有选择器规则如下：

A:link {color : green } A:visited {color : blue} A:active {color : red} 以下说法正确的是（）

A、A :link用于设置已访问过的链接 B、A :visited用于设置已访问过的链接 A:active用于设置已访问过的链接 C、

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