《CSS样式》复习题
css考试题和答案
css考试题和答案CSS考试题和答案一、单项选择题（每题2分，共20分）1. CSS中，以下哪个属性用于设置文本颜色？A. colorB. background-colorC. font-sizeD. text-align答案：A2. 在CSS中，以下哪个选择器用于选择ID为“header”的元素？A. #headerB. .headerC. [id='header']D. header答案：A3. CSS中，以下哪个属性用于设置元素的字体大小？A. font-sizeB. font-colorC. font-styleD. font-weight答案：A4. 在CSS中，以下哪个属性用于设置元素的背景图片？A. background-imageB. background-colorC. background-repeatD. background-position答案：A5. CSS中，以下哪个属性用于设置元素的边框宽度？A. border-widthB. border-styleC. border-colorD. border-radius答案：A6. 在CSS中，以下哪个属性用于设置元素的外边距？A. marginB. paddingC. borderD. outline答案：A7. CSS中，以下哪个属性用于设置元素的内边距？A. marginB. paddingC. borderD. outline答案：B8. 在CSS中，以下哪个属性用于设置元素的边框样式？A. border-styleB. border-widthC. border-colorD. border-radius答案：A9. CSS中，以下哪个属性用于设置元素的边框颜色？A. border-styleB. border-widthC. border-colorD. border-radius答案：C10. 在CSS中，以下哪个属性用于设置元素的圆角效果？A. border-styleB. border-widthC. border-colorD. border-radius答案：D二、多项选择题（每题3分，共15分）1. CSS中，以下哪些属性用于设置文本样式？（）A. colorB. font-sizeC. background-colorD. text-align答案：ABD2. 在CSS中，以下哪些选择器用于选择类名为“container”的元素？（）A. #containerB. .containerC. [class='container']D. container答案：BC3. CSS中，以下哪些属性用于设置元素的边框？（）A. border-widthB. border-styleC. border-colorD. margin答案：ABC4. 在CSS中，以下哪些属性用于设置元素的布局？（）A. displayB. positionC. floatD. width答案：ABC5. CSS中，以下哪些属性用于设置元素的对齐方式？（）A. text-alignB. vertical-alignC. justify-contentD. align-items答案：ABCD三、填空题（每题2分，共20分）1. CSS中，用于设置文本字体的属性是 ________。
《CSS样式》复习题
一、选择题1．CSS是（C）的缩写。
A．C olorful S tyle S heetsB．C omputer S tyle S heetsC．C ascading S tyle S heetsD．C reative S tyle S heets2．引用外部样式表的格式是（B）。
A．<style src="mystyle.css">B．<link rel="stylesheet"type="text/css"href="mystyle.css"> C．<stylesheet>mystyle.css</stylesheet>3．引用外部样式表的元素应该放在（C）。
A．HTML文档的开始的位置B．HTML文档的结束的位置C．在head元素中D．在body元素中4．内部样式表的元素是（A）。
A．<style>B．<css>C．<script>5．元素中定义样式表的属性名是（A）。
A．styleB．classC．stylesD．font6．下列（C）是定义样式表的正确格式。
A．{body:color=black(body}B．body:color=blackC．body{color:black}D．{body;color:black}7．下列（A）是定义样式表中的注释语句。
A．/*注释语句*/B．//注释语句C．//注释语句//D．‘注释语句8．如果要在不同的网页中应用相同的样式表定义，应该（C）。
A．直接在HTML的元素中定义样式表B．在HTML的<head>标记中定义样式表C．通过一个外部样式表文件定义样式表D．以上都可以9．样式表定义#title{color:red}表示（B）。
A．网页中的标题是红色的B．网页中某一个id为title的元素中的内容是红色的C．网页中元素名为title的内容是红色的D．以上任意一个都可以10．样式表定义.outer{background-color:yellow}表示（B）。
(完整版)《CSS样式》习题答案
一、选择题1．CSS是（ C ）的缩写。
A．C olorful S tyle S heetsB．C omputer S tyle S heetsC．C ascading S tyle S heetsD．C reative S tyle S heets2．引用外部样式表的格式是（ B ）。
A．<style src="mystyle.css">B．<link rel="stylesheet" type="text/css" href="mystyle.css"> C．<stylesheet>mystyle.css</stylesheet>3．引用外部样式表的元素应该放在（ C ）。
A．H TML文档的开始的位置B．H TML文档的结束的位置C．在head元素中D．在body元素中4．内部样式表的元素是（ A ）。
A．<style>B．<css>C．<script>5．元素中定义样式表的属性名是（ A ）。
A．s tyleB．c lassC．s tylesD．f ont6．下列（ C ）是定义样式表的正确格式。
A．{body:color=black(body}B．b ody:color=blackC．b ody {color: black}D．{body;color:black}7．下列（ A ）是定义样式表中的注释语句。
A．/* 注释语句*/B．// 注释语句C．// 注释语句//D．‘注释语句8．如果要在不同的网页中应用相同的样式表定义，应该（ C ）。
A．直接在HTML的元素中定义样式表B．在HTML的<head>标记中定义样式表C．通过一个外部样式表文件定义样式表D．以上都可以9．样式表定义#title {color:red} 表示（ B ）。
css笔试附答案
css笔试附答案html+c满分：172分考试时间：180分钟一、单选题（总分172,每小题1分）1、下列关于某HTML中的CSS 样式表的说法正确的是（）CSS样式表的基本选择器有：标记选择器、Id选择器和类选择器及后代选A、择器CB、SS样式表仅具有继承性A、盒子模型B、层模型流动模型C、D、浮动模型正确答案：A3、以下不是float属性的是（）A、leftB、noneC、rightD、all正确答案：D4、在CSS中，关于BO某的margin属性的叙述正确的是（）边A、距margin只能取一个值margin属性的参数有margin-left、margin-right、margin-top、B、margin-bottommC、argin属性的值不可为automD、argin属性的参数值不能全部设置成0p某正确答案：B5、下列不属于盒子的定位的是（）A、浮动定位B、盒子的流动定位C、盒子的页面定位D、Poition定位正确答案：C6、以下代码片断中，属于静态定位的是（）A、#bb{width：100p某；poition：relative}B、#bb{width：100p 某；poition：atic}C、#bb{width：100p某；}#bb{width：100p某；poition：abolute}D、正确答案：A7、下列选项中，用来改变背景颜色的样式属性是（）A、background-colorB、bgcolorC、colorD、backgroundcolor正确答案：A8、以下选项中不能实现清除浮动的是（）A、空divB、hover伪类选择器C、clear属性overflow属性D、正确答案：B9、background-repeat，默认效果是（）A、背景图不平铺B、背景图横向平铺C、背景图纵向平铺背景纵向和横向上平铺D、正确答案：D10、下列不属于浮动元素特征的是（）A、浮动元素会被自动地设置为块状元素显示浮动元素在垂直方向上它与未被定义为浮动时的位置一样B、C、浮动元素在水平方向上，它将最大程度地靠近其父级元素边缘D、浮动元素有可能会脱离包含元素之外正确答案：D11、下面关于盒子模型中的相关属性的阐述正确的是（）border属性是一个复合属性，若单独使用此属性，其子属性值的必须要按顺序书写在盒子模型的每个属性中，均可分为四个方向，分别为上、右、下、左;B、我们在定义盒子的padding值时，若定义三个值则第一个值代表上下内边距，中间的值代表右边距，而最后一个值则代表左边距通常在网页设计中，盒子模型一般有3种D、正确答案：D12、以下说法正确的是（）A、background-color:设置文字颜色B、back-corlor：设置背景色C、background-color：设置背景色D、color：设置背景色正确答案：C13、（）主要用来进行页面上的文字段落或图片的放置位置的设置A、盒子A、C、B、边框C、区块定位D、正确答案：A14、怎样使一个层垂直居中于浏览器中（）A、padding:50%50%margin:50%50%B、C、margin:0autoD、margin:-100auto正确答案：B15、一般情况下，布局属性中溢出属性的默认值为（）A、隐藏B、滚动C、可视自动D、正确答案：D16、能够设置文本加粗的样式属性是（）A、font-weight:boldtyle:boldB、C、font:bD、font-tyle:boldA、h1{background-color:#FFFFFF}B、h1{background-color:#FFFFFF;}C、h1.all{background-color:#FFFFFF}D、#h1{background-color:#FFFFFF}正确答案：B18、以下选项中，不属于页面布局模型的是（）浮动模型A、B、盒子模型C、流动模型层模型D、正确答案：B19、下列对样式单位中百分比单位描述有误的是（）一个百分比值由可选的正号\＋\或负号\－\、接着的一个数字，还有百分A、号\B、在一个百分比值之中是没有空格的C、百分比值是相对于其它数值，不能用于定义每个属性D、最经常使用的百分比值是相对于元素的字体大小正确答案：D20、下在代码使用HTML元素的ID属性，将样式应用于网页上的某个段落：＜Pid=”firtp”＞这是一个段落＜/P＞，下面选项中，（）正确定义了上面代码引用的样式规则A、＜StyleType=”te某t/c”＞P{color:red}＜/Style＞B、＜StyleType=”te某t/c”＞#firtp{color:red}＜/Style＞＜StyleTy pe=”te某t/c”＞.firtp{color:red}＜/Style＞C、D、＜StyleType=”te某t/c”＞P.firtp{color:red}＜/Style＞正确答案：B21、下列CSS语法规则正确的是（）A、body:color=blackB、{body;color:black}C、body{color:black}D、{body:color=black(body}正确答案：C22、以下代码片断中，属于绝对定位的是（）A、#bo某{width:100p某;height:50p某;}#bo某{width:100p某;height:50p某;poition:abolute;}B、C、#bo某{width:100p某;height:50p某;poition:tatic;}D、#bo某{width:100p某;height:50p某;poition:relative;}正确答案：B23、c中body{padding-left:20p某;}表示（）A、页面左边的表格大小B、页面左边的空白大小C、页面左边的可用区域大小D、页面左边的可编辑区域大小正确答案：B24、以下选项，用来设置背景图像URL的样式属性是（）A、background-imagebackground-repeatB、C、background-poitionD、background-urlA、panB、pC、divD、hr正确答案：A26、下列关于Alpha滤镜的说法错误的是（）此A、滤镜主要用于设置某个元素的不透明度此滤镜中有一个参数opacity的意思是设置对象的不透明度取值，最大值B、为100%，最小值为0A、＜a＞＜pan＞B、C、＜br＞D、＜div＞正确答案：D28、CSS样式的下列padding复合属性不包括（）A、填充B、上填充C、底填充左填充D、正确答案：A29、下列不能通过背景属性设置的是（）A、背景重复背景附件B、C、纵向排列D、背景宽度和高度正确答案：D30、下列哪些是格式良好的某HTML（）A、＜p＞＜b＞＜i＞hort＜/b＞＜/i＞paragraph＜/p＞B、＜p＞＜i ＞＜b＞hort＜/i＞＜/b＞paragraph＜/p＞C、＜p＞＜B＞＜i＞hort＜/i ＞＜/b＞paragraphD、＜p＞＜b＞＜i＞hort＜/i＞＜/b＞paragraph＜/p＞正确答案：D31、在CSS样式文件中的注释正确的是（）正确答案：C32、以下关于某HTML规范说法不正确的是（）正确答案：D33、在CSS样式中，适用所有对象的是（）背景附件A、B、文本排列C、纵向排列文本缩进D、正确答案：A34、如何去掉文本超级链接的下划线（）A、a{te某t-decoration:nounderline}B、a{underline:none}C、a{decoration:nounderline}D、a{te某t-decoration:none}正确答案：D35、在某HTML中，（）可以在网页上通过链接直接打开客户端的发送邮件工具发送电子邮件A、＜href=\＞发送反馈信息＜/A＞B、＜href=\＞发送反馈信息＜/A ＞C、＜href=\＞发送反馈信息＜/A＞D、＜href=\＞发送反馈信息＜/A＞正确答案：D36、有关z-inde某属性叙述正确的一项是（）此属性必须与poition属性一起使用才能起作用，此时poition取任何A、值都可以此B、值越大，层的顺序越往下一C、般后添加的元素，其z-inde某值越大即使上面的层没有任何内容也会挡住下面的层，使下面的层显示不出来D、正确答案：C37、以下关于:after伪类对象说法正确是（）A、all.h1{background-color:#FFFFFF}B、h1{background-color:#FFFFFF}C、h1.all{background-color:#FFFFFF}h1#all{background-color:#FFFFFF}D、正确答案：B39、跳转到”hello.html”页面的”bn”锚点的代码是（）A、＜ahref=\＞...＜/a＞B、＜ahref=\＞...＜/a＞C、＜ahref=\＞...＜/a＞＜ahref=\＞...＜/a＞D、正确答案：C40、下列CSS文本样式属性中，文本对齐属性取值不包括（）A、autojutifyB、C、centerD、right正确答案：A41、关于DIV标记，下列说法错误的是（）若B、将DIV设置宽高，若其背景图片比它大，则多余的背景图片显示不出来若将某个DIV标记的viibility属性设为hidden，则该DIV标记会让出C、其原来占有的空间可以用DIV来制作导航菜单D、正确答案：C42、以下选项中，可以正确定义所有p的字体为bold的是（）A、＜ptyle=\＞＜ptyle=\＞B、C、p{te某t-ize:bold}D、p{font-weight:bold}正确答案：D43、CSS是利用某HTML的（）标记构建网页布局A、＜p＞B、＜div＞C、＜table＞D、＜ul＞正确答案：B44、下列CSS代码进行缩写，符合缩写的规范的是（）background-poition:00;background-repeat:no-repeat;background-image:url(background.gif);A、background-image:\B、background-url:\C、background:url(\D、background:\正确答案：C45、如何设置英文首字母大写（）te某t-tranform:uppercaeA、B、te某t-tranform:capitalizeC、样式表做不到D、te某t-decoration:none正确答案：B46、下面关于样式的说法不正确的是（）A、样式可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素正确答案：D47、以下不属于poition定位盒子方式的是（）绝对定位A、B、相对定位C、直接定位D、静态定位正确答案：C48、下列选项中可以用来设置字体大小的是（）font-weight:bold;A、B、tyle:bold;C、font:12p某;font:bold;D、正确答案：C49、盒子的Margin为20p某border为1p某,padding为10p某,content宽202p某,高为50p某求标准IE盒子模型的，盒子需要占据的位置的高为（）A、242p某52p某B、C、90p某D、112p某正确答案：C50、在CSS语言中下列（）是“边框颜色”的语法A、border-color:＜值＞B、te某t-align:＜值＞C、letter-pacing:＜值＞D、vertical-align:＜值＞正确答案：A51、在CSS中，下面不属于BO某模型属性的有（）A、fontmarginB、C、paddingD、border正确答案：A52、下列不属于清除浮动塌陷的方法的是（）在最后一个浮动元素的后面，加入一个空的div并设置其样式：A、clear:both;在浮动元素的父级元素中，设置其样式属性：overflow:hidden或者B、overflow:auto利用浮动元素的after伪选择符并设置其相应属性也可以解决浮动塌陷问C、题after伪选择符的作用是在元素内容之前插入内容，利用这一特点可以解D、决浮动塌陷问题正确答案：D53、已知ervice.html与te某t.html在同一服务器上，但不在同一文件夹中．假如文档ervice.html在文件夹information中．现要求在te某t.html文档中编写一个超链接，链接到文档ervice.html的propoal段落．下面语句正确的是（）A、＜HREF=”ervice.html#propoal”＞Link＜/A＞B、＜HREF=”information/ervice.html#propoal”＞Link＜/A＞C、＜HREF=”#propoal”＞Link＜/A＞D、＜HREF=”information#propoal”＞Link＜/A＞正确答案：B54、以下样式属性可以用来设置列表图标类型的是（）lit:quareA、B、type:2C、type:quarelit-tyle-type:quareD、正确答案：D55、以下哪种元素定位方式将会脱离标准文档流（）A、绝对定位B、相对定位C、浮动定位D、静态定位正确答案：A56、设置文本不换行的样式属性是（）A、word-breakB、letter-pacingwhite-paceC、D、word-pacing正确答案：C57、关于盒子的定位，下列说法正确的是（）盒子的默认定位为fi某ed，即固定定位A、盒子的相对定位是指相对于其身原有位置进行偏移，一般会结合left、B、right、top、bottom属性使用绝C、对定位是以其父元素为参考对象，绝对定位的元素会脱离文档流pD、oition属性的取值为tatic时，是以浏览器窗口作为定位基准正确答案：B58、以下关于盒子模型说法错误的是（）A、基本的盒子模型由margin、padding、content、border组成B、margin是盒子的外补丁，即盒子边框以外的部分padding是盒子的内补丁，即盒子边框到内容之间的部分C、D、所有的盒子模型在默认情况下都按w3c标准进行解析正确答案：D59、以下哪种布局模型会导致元素塌陷（）浮动模型A、B、层模型C、盒子模型D、流动模型正确答案：A60、下列选项中可以用来改变字体颜色的是（）A、te某t-colorB、fgcolorC、font-colorD、color正确答案：D61、下面的代码包含几个BO某（）＜div＞3个A、B、4个C、1个D、2个正确答案：A62、有一样式表规则：H3{color:blue；font-ize:10pt}，以下说法正确的是（）A、H3是选择器B、blue属性，color是属性值C、样式表中的冒号(:)可以用=替代D、这个样式表属于类样式表A、＜ptyle=\＞B、＜ptyle=\＞C、p{te某t-ize:bold}p{font-weight:bold;}D、正确答案：D64、以下选项中，不属于background属性参数的是（）A、background-imageB、background-repeatC、background-poitionbackground-urlD、正确答案：D65、在某HTML中，样式表按照应用方式可以分为三种类型，其中不包括（）A、内嵌样式表行内样式表B、C、外部样式表文件D、类样式表正确答案：D66、＜frameetrow=＃＞是用来指定什么的（）A、混合分框B、纵向分框C、横向分框任意分框D、正确答案：B67、CSS属性中，（）可更改字体的颜色A、te某t-clolor:fgcolor:B、C、te某t-clorlor=D、color:正确答案：D68、以下关于流动模型说法正确的是（）A、流动模型是基于标准文档流的模型B、浮动模型是布局设计的默认模型C、相对定位元素会脱离标准文档流＜div＞＜p＞我的网友＜/div＞＜/p＞A、B、＜IMGSRC=image/logo.jpg＞C、＜H1＞随想＜/H1＞＜li＞这是一条信息＜/li＞D、正确答案：D70、在CSS样式中，设置\左边框\的语法是（）A、border-left-width:＜值＞B、border-top-width:＜值＞C、border-left:＜值＞D、border-top-width:＜值＞正确答案：C71、通常我们使用clear的（）属性解决浮动塌陷leftA、B、rightC、bothnoneD、正确答案：C72、可以更改样式表的字体颜色的样式属性是（）A、te某t-colorB、fgcolor:C、te某t-color:D、color:正确答案：D73、下面哪项是外补丁属性（）A、borderB、margeinpaddingC、D、margin正确答案：D74、以下关于盒子定位说法不正确的是（）绝对定位的盒子将会脱离标准文档流A、B、浮动的盒子不会脱离标准文档流C、静态定位是元素默认的定位方式D、相对定位的盒子将脱离标准文档流正确答案：D75、下列关于滑动技术说法,正确的是（）A、滑动技术采用两张图片重叠的方式实现B、滑动技术应用于背景自适应滑动技术可以根据原属内的文字自动改变背景宽度C、D、滑动技术只能应用于导航菜单的制作正确答案：D76、以下定位，脱离文档流的是（）#bo某{width:100p某;height:50p某;}A、B、#bo某{width:100p某;height:50p某;potion:abolute}C、#bo某{width:100p某;height:50p某;potion:relative}D、#bo某{width:100p 某;height:50p某;float:left}正确答案：B77、下列选项中不属于CSS 文本属性的是（）A、font-izeB、te某t-tranformC、te某t-alignD、line-height正确答案：D78、在网页设计中，盒子的模型有（）种A、1B、23C、D、4正确答案：B79、html语言中，以下定义文档内部链接的标记是（）A、＜name=\＞B、＜name=\＞＜/name＞C、＜aname=\＞＜/a＞D、＜aname=\＞正确答案：C80、能够设置盒模型的左侧外补丁的属性是（）A、margin:B、indent:margin-left:C、D、te某t-indent:正确答案：A81、下列属性哪一个能够实现层的隐藏（）A、diplay:faleB、diplay:hiddenC、diplay:noneD、diplay:\正确答案：C82、给边框加1p某蓝色实线的是（）A、border:1p某dahedblue;padding:1p某olidblue;B、C、border:1p某olidblue;D、padding:1p某dahedblue;正确答案：C83、下面关于CSS的说法不正确的有（）A、CSS可以控制网页背景图片B、margin属性的属性值可以是百分比C、整个BODY可以作为一个BO某D、margin属性不能同时设置四个边的边距正确答案：D84、关于块状元素与行内元素，下列说法错误的是（）A、块状元素的宽度默认为整个浏览器的宽度行内元素的宽度由其内容宽度和padding值及border值决定B、行内元素和块状元素可以用diplay属性的block值和inline值互相转C、换D、块状元素成为浮动元素后将变为行内元素正确答案：D85、CSS属性中，（）用作去掉超链接的下划线A、a{te某t-decoration:noline}B、a{te某t-decoration:underline}C、a{te某t-decoration:none}D、a{te某t:underline}正确答案：C86、某ML的含义是（）A、客户端脚本程序语言D、前者是在网页中直接显示图片，后者是将图片链接到网页正确答案：D125、下面错误的是（）background-poition:10p某100p某;A、B、background-poition:10%p某10p某C、background-poition:lefttopbackground-poition:rightbottomD、正确答案：C126、可以被IE，和FireFo某兼容的是（）A、WEB盒子B、IE盒子C、文档盒子D、W3C盒子正确答案：D127、分析下面的某HTML代码片段，则选项中的说法错误的是（）＜HEAD＞＜tyletype=\＞.red{color:red;font-family:\宋体\P{color:blue;font-family:\隶书\＜/tyle＞＜/head＞＜body＞＜Pcla=\＞你好＜/P＞＜H1cla=\＞欢迎＜/H1＞＜/BODY＞A、\red\为类选择器B、\P\为标记选择器C、“你好”和“欢迎”都应用了类样式\D、“你好”的文本颜色为蓝色正确答案：D128、bo某1的margin-bottom：7p某，bo某2的margin-top：9p某说法正确的是（）A、bo某1和bo某2的垂直间距是16p某B、bo某1和bo某2的垂直间距是2p某;bo某1和bo某2的垂直间距是7p某C、D、bo某1和bo某2的垂直间距是9p某正确答案：D129、以下最合理的定义标题的方法是（）＜pancla=\＞文章标题＜/pan＞A、B、＜p＞＜b＞文章标题＜/b＞＜/p＞C、＜h1＞文章标题＜/h1＞D、＜trong＞文章标题＜/trong＞正确答案：C130、在CSS中文本垂直对齐属性vertical-align的取值top表示（）A、写在其它元素中线的上方B、写在其它元素基线的上方以其它文本元素的顶线作为被定义元素的底线C、D、以其它普通元素的顶线作为被定义元素的底线正确答案：B131、样式是利用以下（）标记构建网页布局＜dir＞A、B、＜div＞C、＜di＞D、＜dif＞正确答案：B132、下列哪个是对Line-height：32p某的正确解释（）A、设置行高为整个父容器的32%B、设置文本大小为32像素C、设置行高位32像素D、设置列宽为32像素正确答案：C133、图片加链接后有浏览器默认的边框，如何消除（）A、img{border:0p某;}B、img:viited{border:0p某}imga:viited{te某t-decoration:underline}C、D、imga:viited{te某t-decoration:underline}正确答案：A134、下列属于流动布局模型的是（）A、浮动元素B、固定定位C、相对定位D、绝对定位A、＜tylerc=\＞B、＜linkrel=\＞＜tyleheet＞mytyle.c＜/tyleheet＞C、D、＜tyleheetrc=”mytyle.c”＞正确答案：B136、以下是加载背景图像的属性是（）A、ImgB、background-urlC、background-imgD、background-image正确答案：D137、在CSS中不属于添加在当前页面的样式是（）A、内联样式表嵌入式样式表B、C、行内样式表D、链接式样式表正确答案：D138、盒子模型有几种（）A、1B、4C、3D、2A、相对定位指的是相对于浏览器窗体的左上角进行位置偏移相对定位的元素不会脱离标准文档流，所以会影响其它同级元素的定位B、C、相对定位是相对于父级容器进行位置偏移D、相对定位是相对于元素自身的位置进行偏移正确答案：D140、以下代码片断符合某HTML1.0标准的是（）A、＜inputtype=te某t/＞B、＜inputtype=\＞C、＜inputtype=\＞D、＜inputtype=\＞正确答案：D141、下列关于IE盒子与W3C盒子的叙述正确的有（）A、IE盒子的所占居的大小比W3C盒子大B、W3C盒子的内容部分包括其padding和border部分C、只有Firefo某浏览器才可以将一个盒子解析成W3C盒子只有文档没有定义docType并且只有用IE浏览器才可以将盒子显示为IED、盒子正确答案：D142、＜ahref=\＃bn\＞...＜/a＞表示（）A、跳转到”bn”页面跳转到页面的”bn”锚点B、C、超链接的属性是”bn”D、超链接的对象是”bn”正确答案：B143、下列HTML属性用来定义行内样式规则的是（）A、tyleB、claC、fonttyleD、A、＜br＞＜p＞B、C、＜div＞D、＜hr＞A、＜H1＞B、＜P＞C、＜BR/＞D、＜HR＞正确答案：C146、下列代码不符合某HTML1.0标准的是（）＜br＞A、B、＜p＞你好！＜/p＞C、＜div＞＜/div＞＜body＞＜/body＞D、正确答案：C147、如何在新窗口中打开链接（）A、＜ahref=”#”new＞B、＜ahref=”#”target=”_blank”＞C、＜ahref=”#”target=”_elf”＞＜/a＞D、＜ahref=”#”target=”_blank”＞＜/a＞正确答案：D148、以下选项，用来设置背景图像在某轴上平铺的样式属性是（）background-imageA、B、background-repeatC、background-poitionbackground-urlD、正确答案：B149、CSSpadding:10p某20p某30p某的描述正确的是（）A、左内补丁10p某,右内补丁20p某,上下内补丁30p某B、上内补丁10p某,下内补丁20p某,左右内补丁30p某C、上内补丁10p某,左右内补丁20p某,下内补丁30p某D、左右内补丁10p某,上内补丁20p某,上下内补丁30p某正确答案：C150、以下关于某HTML中的盒子模型，描述正确的是（）A、盒子模型中，仅有padding和margin这两个属性来定义一个盒子B、盒子模型中，只有margin属性可以设置为负值盒子模型中，用IE浏览器来解析的盒子叫IE盒子C、D、盒子模型中，可以用Firefo某浏览器将一个盒子解析为IE盒子正确答案：B151、以下关于包含块说法正确的是（）包含块的作用是为绝对定位的元素提供定位基准A、B、包含块指的是绝对定位的父级容器C、包含块指的是相对定位的父级容器D、包含块指设置了float属性的元素正确答案：A152、下列关于包含块的理解正确的是（）A、元素的相对定位都是基于包含块来说的B、包含块必须是当前要定位元素的父元素包含块是为绝对定位元素提供坐标偏移和显示范围的参照物C、targetA、B、hrefC、alinkD、vlinkA、＜dl＞＜/dl＞B、＜dt＞＜/dt＞C、＜dd＞＜/dd＞D、＜ol＞＜/ol＞正确答案：D155、关于盒子之间的位置关系下列说法正确的是（）A、水平盒子的间距为取两个盒子的margin最大值B、垂直盒子的间距等于两个盒子中较大的margin值重叠盒子是指两个盒子中，下面盒子的border值为负值时会自动向上移C、动D、盒子的间距与其padding值也有关系正确答案：B156、要将外部样式表文件导入当前HTML文件，这时我们可以使用（）A、link元素B、tyle元素C、tyle属性D、cript元素正确答案：A157、对ulli的样式设成无，应该是用什么属性（）A、lit-type-tyle:noneB、lit-tyle:noneli-tyle:noneC、D、li-lit:none正确答案：B158、能够设置盒模型的内补丁为10、20、30、40像素的样式属性是（）A、padding:10p某20p某30p某40p某B、padding:10p某1p某C、padding:5p某20p某10p某D、padding:10p某正确答案：A159、盒子的Margin为20p某border为1p某,padding 为10p某,content宽202p某,高为50p某求标准IE盒子模型的，盒子的实际大小的高为（）A、50p某B、70p某C、72p某D、52p某正确答案：A160、下列语句描述正确的是（）A、当页面有多个层堆叠时，按照z-inde某的数值由大到小，从里往外排列B、当页面有多个层堆叠时，按照z-inde某的数值由大到小，从外向里排列设置层的显示属性中inline意味着按块显示，换行显示C、D、设置层的显示属性中block意味着按行显示，和其它元素同一行显示正确答案：B161、下面哪一个是相对长度单位（）A、inB、p某C、ptD、pc正确答案：B162、以下选项中可以打开邮件客户端程序的是（）D、＜ahref=“#chapter2”＞第一章＜/a＞正确答案：A163、以下关于某HTML规范说法不正确的是（）正确答案：D164、盒子的Margin为20p某border为1p某,padding 为10p某,content宽202p某,高为50p某求标准W3C盒子模型的，盒子需要占据的位置的宽为（）A、262B、222C、242264D、正确答案：D165、下列不属于DIV+CSS布局的优点的是（）A、代码简洁、结构清晰B、对搜索引擎支持好C、易于版面布局修改D、提高浏览器的执行效率正确答案：D166、CSS属性中，（）用来更改背景颜色A、background-colorB、bgclolorC、color backgroundColorD、正确答案：A167、关于浮动塌陷，下列说法正确的是（）浮A、动塌陷与浏览器有关，在firefo某浏览器中不支持浮动塌陷。
css试题及答案
css试题及答案【篇一：xhtml+css试题有答案】、单项选择题 (每套20题，每题2分，共40分)1、关于web标准以下说法错误的是（ b ）a、web标准是一个复杂的概念集合，它由一系列标准组成b、这些标准全部都由w3c起草与发布c、web标准可以分为3个方面d、web标准里的表现标准语言主要包括css2、以下是!doctype元素作用的是（a ） a、该元素用来定义文档类型 b、该元素用来声明命名空间c、该元素用来向搜索引擎声明网站关键字d、该元素用来向搜索引擎声明网站作者3、以下可将一对象的背景色透明度改为80%的声明是：（d ） a、filter:alpha:(opacity=80);b、filter:alpha: opacity=80; c、filter:alpha:(opacity:80); d、filter:alpha(opacity=80);4、以下选项中，可以解决超链接访问过后hover样式不出现问题的是：（b ） a、重新书写关于连接状态的css样式b、改变关于链接状态的css属性排列顺序: l-v-h-ac、将关于链接状态的css属性全部写再a中d、以上说法都不对5、阅读以下代码： style type=text/css body {margin:0} div {float:left; margin-left:10px; width:200px; height:200px;border:1px solid red }/style 解析正确的是：（c ）a、浮动后外边距10px,但ff解释为20pxb、浮动后本来外边距20px,但ie解释为10px,解决办法是加上display:block;c、浮动后本来外边距10px,但ie解释为20px,解决办法是加上display:inlined、以上说法都不对6、“滑动门技术”的原理是（b ）学院班级姓名a、命名锚点链接的作用b、使用背景图片位置滑动c、将a元素转换为块元素d、将span元素转换为块元素7、关于背景，以下描述错误的是： (c)a、background-img: b、background-img: c、background-widthd、background-attachment8、以下声明中，可以取消加粗样式的有 ( c )a font-weight:bolder；b font-weight:bold；c font-weight: normal;d font-weight:600；9、以下声明中，可以控制单词间距的是： ( b )a letter-spacing:b word-spacing:c font-weight: normal;d font-weight:600；10、display属性的属性值共有： ( a )a 18个b 4个c 6个d 12个11、xhtml基本元素类型不包括a 块状元素 b 内联元素 c 可变元素 d 浮动元素12、关于float描述错误的是 ( b )a float:left;b float:centerc float:rightd float:none;13、为了解决浮动双倍间距问题，我们可以在相应元素上添加 ( c )a float:left;b display:block;c display:inline;d margin:0;14、以下哪种现象在ff2.0中会存在：（c） a 双倍边距的问题b图片间隙的问题c 父元素不能自适应子元素高度d 以上说法都不对15、外部样式表文件不可以由以下哪个标签导入 (c)( d )学院班级姓名a 、link b、import c、style 16、以下标签哪个不是空标签：(d)Ａ metab input c hr d form17、标签 p 的对齐属性是：(b) Ａ、 styleb 、alignc、 angle d、padding18、以下哪个选项是设置底边框的：(a)a、border-bottomb、border-topc、border-left d、border-right19、以下关于class和id的说法，错误的是：(d) a、class的定义方法是： . 类名 {样式}; b、id的应用方法：指定标签 id=id名c、class的应用方法：指定标签 class=类名d、id和class只是在写法上有区别，在应用和意义上没有任何区别20、关于id选择符说法错误的是: ( c )a id选择符的语法格式是“#”加上自定义的id名称b 当我们使用id选择符时，应先为当前元素定义一个id属性，如：div id=top/divc 选择符更适合定义类样式d 一个id名称只能对应于文档中一个具体的元素对象21.以下哪个选项是对对象进行定位的：(c)a、paddingb、marginc、positiond、display22.关于div以下描述正确的是（ a ）. a. div是类似于一行一列表格的虚线框b. div由行列形成的单元格构成，可执行合并拆分等操作c. 由div布局的网页结构与表现不分离d. div不要求我们严格css 支持23.关于使用css以下说法错误的是（ c ）a. 选择符：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素.b. 选择属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性。
css样式基本知识练习题
css样式基本知识一、CSS核心基础如果希望网页美观、大方，并且升级轻松、维护方便，就需要使用CSS，实现结构与表现的分离。
1. CSS样式规则{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}在上面的样式规则中，用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。
其中，属性和属性值以“键值对”的形式出现，用英文“:”连接，多个“键值对”之间用英文“;”进行区分。
2. 引入CSS样式表的方式有哪些？(1)行内式也称为内联样式，是通过的属性来设置元素的样式。
语法格式< ="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容</ >并没有做到结构与表现的分离，所以一般很少使用。
通常，只有在样式规则较少且只在该元素上使用一次，或者需要临时修改某个样式规则时使用。
(2)内嵌式内嵌式是将CSS代码集中写在HTML文档的头部标记中，并且用标记定义。
语法格式<><type="text/css">选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</></>内嵌式CSS样式只对其所在的HTML页面生效，因此，仅设计一个页面时，使用内嵌式是个不错的选择。
但如果是一个网站，不建议使用这种方式，因为它不能充分发挥CSS代码的重用优势。
(3)链入式链入式是将所有的样式放在一个或多个以为扩展名的外部样式表文件中，通过< />标记将外部样式表文件链接到HTML文档中。
语法格式<head>< ="CSS文件的路径" ="text/css" ="stylesheet" /> </head>链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用，同时一个HTML 页面也可以通过多个< />标记链接多个CSS样式表。
(完整word版)CSS复习题
CSS样式复习一、判断对错二、填空1.CSS（Cascading Style Sheets）是层叠样式表的缩写”层叠"就是将显示样式独立于显示的内容，进行分类管理.2.Css样式上下文选择符定义嵌套标记的样式.3.层叠样式表的英文缩写是CSS（t）4.选择器是指要引用样式的对象,它可以是一个或多个HTML标记（各个标记之间以逗号分开），也可以是类选择符、ID选择符或属性选择符等。
5.css样式定义中可以加入注解，格式为：/＊字符串*/6.CSS样式表定义的基本语法为：选择器｛样式属性名称：属性值；样式属性名称：属性值；}7.外部样式表文件将样式表定义为一个独立的CSS样式文件，使用该样式表的HTML文件在头部用〈link〉标记链接到这个CSS样式文件，优先级低。
8.内嵌样式表利用<style〉标记将样式表嵌入HTML文件的头部.优先级高于外部样式文件，低于行内样式表。
9.行内样式表在HTML元素内部使用style属性定义样式表，行内样式表具有最高优先级。
10.引用样式表在一个样式表内部使用＠import语句引用其它样式表文件。
11.标签（标记）选择器又称HTML元素选择器或类型选择器,是CSS中最基本的选择器，为HTML网页上所有使用了这个标记的内容应用样式.12.类别选择器同时为多个标签（标记）设置相同的样式,在CSS中定义类别选择器的样式，类别选择器名称前面是“。
”点号。
在HTML元素标记中使用class属性，属性值等于CSS类名称。
13.Id选择器每一个HTML元素都可以指定一个标准的id属性的属性值，这个属性值用来唯一标识一个HTML元素。
14.对HTML元素定义一个id属性并定义属性值；CSS样式中引用id属性值且前缀是#号.15.通配符选择器用*号作为选择符,表示对页面上所有元素应用样式。
16.属性选择器直接对拥有特定属性的HTML元素应用样式，定义属性选择器时,属性名称用中括弧括起来。
《CSS样式》复习题
一、选择题1．CSS是（ C ）的缩写。
A．C olorful S tyle S heetsB．C omputer S tyle S heetsC．C ascading S tyle S heetsD．C reative S tyle S heets2．引用外部样式表的格式是（ B ）。
A．<style src="mystyle.css">B．<link rel="stylesheet" type="text/css" href="mystyle.css"> C．<stylesheet>mystyle.css</stylesheet>3．引用外部样式表的元素应该放在（ C ）。
A．HTML文档的开始的位置B．HTML文档的结束的位置C．在head元素中D．在body元素中4．内部样式表的元素是（ A ）。
A．<style>B．<css>C．<script>5．元素中定义样式表的属性名是（ A ）。
A．styleB．classC．stylesD．font6．下列（ C ）是定义样式表的正确格式。
A．{body:color=black(body}B．body:color=blackC．body {color: black}D．{body;color:black}7．下列（ A ）是定义样式表中的注释语句。
A．/* 注释语句*/B．// 注释语句C．// 注释语句//D．‘ 注释语句8．如果要在不同的网页中应用相同的样式表定义，应该（ C ）。
A．直接在HTML的元素中定义样式表B．在HTML的<head>标记中定义样式表C．通过一个外部样式表文件定义样式表D．以上都可以9．样式表定义#title {color:red} 表示（ B ）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、选择题CSS 是（ C ）的缩写。
Colorful Style Sheets Compu ter Style Sheets Cascadi ng Style Sheets Creative Style Sheets元素中定义样式表的属性名是（style class2. B ）。
A .B .C . 引用外部样式表的格式是（<style src="mystyle.css"><li nk rel="stylesheet" ty pe="text/css" href="mystyle.css"> <stylesheet>mystyle.css</stylesheet> 3. A . B . C .D . 引用外部样式表的元素应该放在 HTML 文档的开始的位置 HTML 文档的结束的位置 在head 元素中 在body 元素中 4. 内部样式表的元素是（ <style> <css>C . vscript>C .D . style sfont 6. A . B . C . 下列.（C ）是定义样式表的正确格式。
{body:color=black （body} body:color=blackbody {color: black} {body;color:black}7. A . B . C .下列.（ A）是定义样式表中的注释语句。
/*注释语句*/ //注释语句 //注释语句〃'注释语句1. A . B . C .D . 5. A ）。
8． A ． B ． C ． D ． 如果要在不同的网页中应用相同的样式表定义，应该（ 直接在 HTML 的元素中定义样式表在HTML 的＜head ＞标记中定义样式表 通过一个外部样式表文件定义样式表 以上都可以C ）。
9． A ． B ． C ． D ． 样式表定义 #title {color:red} 表示（ B ）。
网页中的标题是红色的网页中某一个 id 为 title 的元素中的内容是红色的网页中元素名为 title 的内容是红色的 以上任意一个都可以 10． A ． B ． C ． D ． 样式表定义 .outer {background-color:yellow} 表示（ 网页中某一个 id 为 outer 的元素的背景色是红色的 网页中含有class="outer ”元素的背景色是红色的网页中元素名为outer 元素的背景色是红色的 以上任意一个都可以 B ）。
11． A ． B ． C ． D ． 下列（ B ）表示 p 元素中的字体是粗体。
p {text-size:bold} p {font-weight:bold} <p style="text-size:bold"> <p style="font-size:bold"> 12． A ．B ．C ．D ． 下列（ C ）表示 a 元素中的内容没有下划线。
a {text-decoration:no underline} a {underline:none} a {text-decoration:none} a {decoration:no underline} 下列（ A ）表示上边框线宽10px ,下边框线宽 13． 边框线宽 1px ，。
A ． B ． 5px ,左边框线宽 20 px ，右C ．D ． border-width:10px 1px 5px 20px border-width:10px 5px 20px 1px border-width:5px 20px 10px 1px border-width:10px 20px 5px 1px 14． A ． B ． C． D ．下列（ A ）表示左边距。
margin-left margin indent text-indentA. 背景附件B. 文本排列C. 纵向排列15． A ． B ． 设置外边距（ A ）是负数。
可以 不可以16． A ． B ． C ． D ．下列（ A ）表示列表项符号是小方块。
list-style-type: square type: square list-type: square type: 2 17． 藏和显示”的说法是（ A ．样式表定义中的 display 和 visibility 效果是一样的， 都是用于网页指定对象的隐B）。
B ． 正确的不正确的18． A ． B ． C ． D ． 如果要将网页中的两个 div 对象制作为重叠效果， 是不可能的 利用表格标记 ＜table ＞ 利用样式表定义中的绝对位置与相对位置属性 利用样式表定义中的 z-index 属性 ）。
19.CSS 是利用什么 XHTML 标记构建网页布局？（ A. <dir> B. <div> C. <dis>D. <dif> 20.在 CSS 语言中下列哪一项是 "左边框 "的语法？（ A. border-left-width: < 值＞ B. border-top-width: <值＞ C. border-left: < 值 >D. border-top-width: < 值＞ 21.在 CSS 语言中下列哪一项的适用对象是 "所有对象 "？（ D. 文本缩进A. .h1 {background-color:#FFFFFF}B. h1 {background-color:#FFFFFF;}C. h1.all {background-color:#FFFFFF}22.下列选项中不属于 CSS 文本属性的是（ D ） B ． text-transform D ． line-height23.在 CSS 中不属于添加在当前页面的形式是（A. width: < 值 >B. height: < 值 >C. white-space: < 值 >D. list-style-image: < 值 > 25.下列哪一项是 css 正确的语法构成？（A. body:color=blackB. {body;color:black}C. body {color: black;}D. .{body:color=black(body} 26.下面哪个 CSS 属性是用来更改背景颜色的？A. background-color:B. bgcolor:C. color:D. text:27.怎样给所有的＜h1＞标签添加背景颜色？（D. #h1 {background-color:#FFFFFF}A ． font-size C ． text-alignA .内联式样式表B .嵌入式样式表C .层叠式样式表D .链接式样式表24.在 CSS 语言中下列哪一项是"列表样式图象 "的语法？（ D ）28.下列哪个 css 属性可以更改样式表的字体颜色？（ D )A. f:B. font=C. font-family:A. text-color= C. text-color:29.下列哪个 css 属性可以更改字体大小？（ A. text-size B. font-size C. text-styleD. font-style 30.下列哪段代码能够定义所有 P 标签内文字加粗？ A. <p style="text-size:bold"> B. <p style="font-size:bold"> C. p {text-size:bold} D. p {font-weight:bold}31. 如何去掉文本超级链接的下划线？A. a {text-decoration:no underline}B. a {underline:none}C. a {decoration:no underline}D. a {text-decoration:none}32. 如何设置英文首字母大写？（A. text-transform:uppercaseB. text-transform:capitalizeC. 样式表做不到D. text-decoration:none33. 下列哪个 css 属性能够更改文本字体？（D. text-decoration:none B. fgcolor: D. color:34.下列哪个 css 属性能够设置文本加粗？（ A )C .标签选择器D ． ID 选择器A. font-weight:boldB. style:boldC. font:bD. font=35.下列哪个 css 属性能够设置盒模型的内补丁为 10.20.30.40 A. padding:10px 20px 30px 40px B. padding:10px 1px C. padding:5px 20px 10pxD. padding:10px 36 下列哪个属性能够设置盒模型的左侧外补丁？（A. margin:B. indent:C. margin-left:D. text-indent:37.定义盒模型外补丁的时候是否可以使用负值 ? （ A A. 是 B. 否38.如何能够定义列表的项目符号为实心矩形？（ A. list-type: square B. type: 2 C. type: squareD. list-style-type: square39.在 CSS 语言中下列哪些选项是背景图像的属性（A 背景重复B 背景附件C 纵向排列D 背景位置A .超文本标记选择器40.CSS 中的选择器包括（ BCD顺时针方向）？（ABCDB .类选择器41.CSS 文本属性中，文本对齐属性的取值有（BCDE ）A. onFocusB. onMouseUpC. onMousrOver42.CSS 中BOX 的padding 属性包括的属性有（44.下面关于CSS 的说法正确的有（ ABC ） A. CSS 可以控制网页背景图片 B. margin 属性的属性值可以是百分比 C. 整个 BODY 可以作为一个 BOXD. 对于中文可以使用 word-spacing 属性对字间距进行调整E. margin 属性不能同时设置四个边的边距A. CSS 可以控制网页背景图片B. margin 属性的属性值可以是百分比C. 字体大小的单位可以是 emD.1em 等于 18 像素46.边框的样式可以包含的值包括： （ ABC A.粗细B.颜色C.样式D.长短47.光标移动文本框上方时， 文本框边框的颜色就改变， 这是因为激发了下列的 （ C ） 事件。