《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中,用于设置文本字体的属性是 ________。
第03章_CSS样式控制习题解答

第3章CSS样式控制第三章参考解答1.解释下列概念样式、样式规则、盒模型【解答】样式是指元素在浏览器中呈现的形式。
样式规则是指网页中元素的样式定义,包括元素的显示方式以及元素在页中的位置等。
盒模型规定元素在浏览器中呈现的区域,它包含content(指显示元素内容的区域)、padding (内边距)、border(边框)和margin(外边距)四部分组成。
2.CSS定义有哪些定义方式,每种方式适应的场合是什么?【解答】CSS有内联式、嵌入式和外部链接式三种定义方式。
其中内联式是指直接在HTML 元素内通过style属性设置元素的样式,适用于如果某个元素的样式与其他元素的样式不同,或者具有相同样式的元素比较少的场合;嵌入式在head中定义元素的样式,嵌入式适用于控制一个网页内具有相同样式的多个元素。
外部链接式是在CSS文件中定义元素的样式,在页面中通过link 标记进行引用,它适应于任何场合。
3.在CSS文件中,如何利用可视化界面添加样式规则?【解答】在样式表文件的大括号外面单击鼠标右键,然后在快捷菜单中选择【添加样式规则】命令,即弹出样式规则对话框。
在样式规则对话框中选择某个元素,或者定义一个类,或者定义一个元素ID,【确定】按钮即变为可用,单击【确定】按钮,就添加了一个样式规则。
4.自定义CSS类和CSS的ID之间的区别是什么?当页面元素同时引用自定义类和自定义ID时,应用谁定义的样式?【解答】定义时,类以英文形式的句点“.”为起始标志,ID以“#”为起始标志;使用时,类可以在一个页面中被多个不同的元素引用,而ID在一个页面中只能被引用一次。
当页面元素同时引用自定义类和自定义ID时,应用自定义ID的样式。
5.回答下列问题,并用HTML代码举例说明。
(1)什么是流布局?什么是坐标定位布局?(2)什么是相对定位?什么是绝对定位?两者的区别是什么?(3)clear和float有何区别?【解答】(1)流布局是指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.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测试题一. 判断题您的姓名: [填空题] *_________________________________所有的主流浏览器均不支持层叠样式表。
() [单选题] *A. 对B. 错(正确答案)CSS(Cascading style sheets)层叠样式表技术是扩展标签属性的机制。
(A)[单选题] *A. 对(正确答案)B. 错样式规则中的每条声明由冒号分隔的属性值对组成,声明之间用分号分隔,最后的“;”可以省略。
() [单选题] *A. 对B. 错(正确答案)CSS样式只要书写正确就能应用到HTML元素上产生效果。
() [单选题] *A. 对B. 错(正确答案)设置16进制值颜色值需要在6位16进制数前加一“#”。
() [单选题] *A. 对(正确答案)B. 错父元素的所有CSS属性都会被子元素继承。
() [单选题] *A. 对B. 错(正确答案)产生样式层叠时,处于最前面的CSS样式会被最终应用。
() [单选题] *A. 对B. 错(正确答案)样式声明中添加“!important”,代表该样式具有最高权值。
() [单选题] *A. 对(正确答案)B. 错块元素是一个标准的盒子,默认情况下独占一行。
() [单选题] *A. 对(正确答案)B. 错行内元素是一个标准的盒子,与相邻元素共享一行。
() [单选题] *A. 对B. 错(正确答案)元素类型是不能相互转换的。
() [单选题] *A. 对B. 错(正确答案)文档流指文档里各元素的默认排列方式。
() [单选题] *A. 对(正确答案)B. 错元素选择器,通常就是HTML的元素名称,又称为类型选择器。
() [单选题] *A. 对(正确答案)B. 错一种元素选择器可以对网页中的各种元素生效。
() [单选题] *A. 对B. 错(正确答案)后代选择器,又称包含选择器,其祖先元素和后代元素之间用逗号分隔。
() [单选题] *A. 对B. 错(正确答案)子选择器中的样式只对子元素有效,对孙子以下的后代元素无效。
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)A metab input c hr d form17、标签 p 的对齐属性是:(b) A、 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第三天课后考试答案

答案说明分别是左右margin、左右边框、左右padding、width
4.请列出与盒模型垂直方向上布局有关的7大CSS属性。
答案margin-top、border-top、padding-top、height、padding-bottom、border-bottom、margin-bottom
2.有如下的HTML页面代码,请问,p标签中文字的行高是多少px,并简述理由。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>行高的继承</title>
<style type="text/css">
div{
font-size:12px;
A.:link;B.:focus;C.:before;D.:actived;
答案C
2.需要使用下面哪个链接伪类,向未被访问的链接添加特殊样式()
A.:hover;B.:link;C.:before;D.:active;
答案B
3.浏览器中一般情况下,默认的文字大小是()
A.12px;B.14px;C.16px;D.18px;
理由:p标签继承了父元素div中设置的缩放因子,因此p标签的行高是自身font-size*缩放因子,即30px * 1.5 = 45px。
答案说明使用数字设置的行高是一个缩放因子,子元素在继承缩放因子后,会根据自己的font-size*缩放因子来计算自身的line-height。
css+div题库

1.下列哪种CSS样式定义的方式拥有最高的优先级A) 嵌入B) 行内C) 链接D) 导入●知识点:CSS优先级●题型:单选●难易程度:简单●答案:B2.web标准的制定者是,A) 微软B) 万维网联盟(W3C)C) 网景公司(Netscape)D) SUN公司●知识点:CSS基础●题型:单选●难易程度:简单●答案:B3.下列的HTML中哪个是最大的标题、A) <h6>B) <head>C) <heading>D) <h1>●知识点:CSS基础●题型:单选●难易程度:简单●答案:D4.下列的HTML中哪个可以插入一条水平线'A) <br>B) <hr>C) <break>D) <P>●知识点:CSS基础●题型:单选●难易程度:简单●答案:B5.下列的HTML中哪个可以添加背景颜色}A) <body color="yellow">B) <background>yellow</background>C) <body bgcolor="yellow">D) <body backcolor="yellow">●知识点:CSS基础●题型:单选●难易程度:简单●答案:C6.请选择产生粗体字的HTML标签:,A) <bold>B) <bb>C) <b>D) <bld>●知识点:CSS基础●题型:单选●难易程度:中等●答案:C7.请选择产生斜体字的HTML标签:<A) <i>B) <italics>C) <ii>D) <it>●知识点:CSS基础●题型:单选●难易程度:中等●答案:A8.下列的HTML中哪个可以产生超链接~A) <a url=""></a>B) <a>C) <a href="">W3Schools</a>D) <a>●知识点:超链接样式●题型:单选●难易程度:中等●答案:C9.如何制作电子邮件链接(A) <a href="xxx@yyy">B) <mail href="xxx@yyy">C) <a href="mailto:xxx@yyy">D) <mail>xxx@yyy</mail>●知识点:超链接样式●题型:单选●难易程度:中等●答案:C10.如何在新窗口打开链接~A) <a href="url" new>B) <a href="url" target="_blank">C) <a href="url" target="new">D) <a href="url" target="_parent">●知识点:超链接样式●题型:单选●难易程度:中等●答案:B11.以下选项中,哪个全部都是表格标签/A) <table><head><tfoot>B) <table><tr><td>C) <table><tr><tt>D) <thead><body><tr>●知识点:CSS表格●题型:单选●难易程度:中等●答案:B12.请选择可以使单元格中的内容进行左排列的正确HTML标签:【A) <td align="left">B) <td valign="left">C) <td leftalign>D) <tdleft>●知识点:CSS基础●题型:单选●难易程度:中等●答案:A13.如何产生带有数字列表符号的列表`B) <dl>C) <ol>D) <list>●知识点:列表样式●题型:单选●难易程度:中等●答案:C14.如何产生带有圆点列表符号的列表`A) <dl>B) <list>C) <ol>D) <ul>●知识点:列表样式●题型:单选●难易程度:中等●答案:D15.下列的HTML中哪个可以产生复选框(A) <input type="check">B) <checkbox>C) <input type="checkbox">D) <check>●知识点:表单样式●题型:单选●难易程度:中等●答案:C16.下列的HTML中哪个可以产生文本框~A) <input type="textfield">B) <textinput type="text">C) <input type="text">D) <textfield>●知识点:表单样式●题型:单选●难易程度:中等●答案:C17.下列的HTML中哪个可以产生下拉列表!B) <input type="list">C) <input type="dropdown">D) <select>●知识点:表单样式●题型:单选●难易程度:中等●答案:D18.下列的HTML中哪个可以产生文本区—A) <textarea>B) <input type="textarea">C) <input type="textbox">D) <textarea></textarea>●知识点:文本域样式●题型:单选●难易程度:中等●答案:D19.下列的HTML中哪个可以插入图像.A) <img href=">B) <image src="">C) <img src="">D) <img></img>●知识点:图像域样式●题型:单选●难易程度:中等●答案:C20.下列的HTML中哪个可以插入背景图像;A) <body background="">B) <background img="">C) <img src="" background>D) ' this is a comment●知识点:图像样式●题型:单选●难易程度:中等●答案:A21.以下的HTML中,哪个是正确引用外部样式表的方法|A) <style src="">B) <link rel="stylesheet" type="text/css" href="">C) <stylesheet></stylesheet>●知识点:CSS基础●题型:单选●难易程度:简单●答案:B22.在HTML文档中,引用外部样式表的正确位置是A) 文档的末尾(B) <head>部分C) 文档的顶部D) <body>部分●知识点:CSS基础●题型:单选●难易程度:简单●答案:B23.哪个HTML标签可用来定义内部样式表A) <style>|B) <script>C) <css>●知识点:CSS基础●题型:单选●难易程度:简单●答案:A24.哪个HTML属性可用来定义内联样式A) fontB) class《C) stylesD) style●知识点:CSS基础●题型:单选●难易程度:中等●答案:D25.下列哪个选项的CSS语法是正确的A) body:color=blackB) {body:color=black(body}&C) body {color: black}D) {body;color:black}●知识点:CSS基础●题型:单选●难易程度:简单●答案:C26.如何在CSS文件中插入注释A) 1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}-C、{background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}●知识点:CSS样式●题型:单选●难易程度:中等●答案:B27.下列哪个css属性可以更改样式表的字体颜色=:$::●知识点:CSS样式●题型:单选●难易程度:中等●答案:D28.下列哪个css属性可以更改字体大小?●知识点:CSS样式●题型:单选●难易程度:中等●答案:B29.下列哪段代码能够定义所有P标签内文字加粗()A.<p style="text-size:bold">B.<p style="font-size:bold">·{text-size:bold}{font-weight:bold}●知识点:CSS样式●题型:单选●难易程度:中等●答案:D30.如何去掉文本超级链接的下划线{text-decoration:no underline}{underline:none}、{decoration:no underline}{text-decoration:none}●知识点:CSS样式●题型:单选●难易程度:中等●答案:D31.如何设置英文首字母大写:uppercase:capitalize。
web编程技术: CSS习题与答案

一、单选题1、CSS是层叠样式表,它主要关注网页的()。
A. 内容B. 内容及表示形式C. 都不是D. 表示形式正确答案:D2、下列不属于CSS的引入方式的是()。
A. 内嵌式引入B. 行间引入C. 行内引入D. 链接式引入正确答案:B3、下列选项中不属于CSS中font-size的合法单位的是()。
A. middleB. %C. pxD. em正确答案:A4、如果想让一幅背景图片在水平方向上重复显示,则可使用background-repeat属性的()值实现。
A. repeat-yB. repeatC. no-repeatD. repeat-x正确答案:D5、div和span作用类似,都可以加入CSS修饰的属性,但两者的区别是()。
A. 两者都能修饰块元素B. div是行内元素,只能修饰一行内的少量元素;span是块元素,可以修饰整块内容C. div是块元素,可以修饰整块内容;span是行内元素,只能修饰一行内的少量元素D. 以上都不对正确答案:C6、CSS盒模型主要思想是每个元素的布局由四部分组成,这四部分不包括()。
A. paddingB. borderC. divD. margin正确答案:C7、元素浮动时经常要使用width属性,该属性对()有效。
A. 块元素B. 行内元素C. 块元素和img元素D. 行内元素和img元素正确答案:C8、有下列列表元素:<ul><li>主页</li><li>组织机构</li><li>人才培养</li><li>信息服务</li></ul>要使这些列表元素显示为行内元素,则需要使用()。
A. z-index : -1B. float : noneC. display : inlineD. visibility : visible正确答案:C9、下列哪项不属于float属性的合法值()?A. rightB. leftC. noneD. center正确答案:D10、关于类选择器和ID选择器优先级的说法正确的是()。
css练习答案(精品文档)_共12页

17
题干
给 html 页面<div id=”username”></div>元素设置样式,字体大小为 20px,是
下列哪个选项? A.username{ font-size: 20px; } B..username{ font-size: 20px; } C.#username{ font-size: 20px; } D.@username{ font-size: 20px; } C
20
题干
C
使用 css 样式,给 html 标签设置右内边距,使用的是下面那个样式? A.margin-right B.margin-left C.padding-right D.padding-left
多选
1、
题干 ห้องสมุดไป่ตู้CD
CSS 中的选择器包括( ) A.超文本标记选择器 B.类选择器 C.标签选择器 D.ID 选择器
15
题干 B
在 CSS 设置背景图片的时候,不想让背景图片重复出现可以使用的属性是( ) A.background-color B.background-repeat C.background-position D.background-image
16
题干
A
下列能够正确在一个 html 页面中导入在同一个目录下的“style.css”样式表 的是? A.<link rel="stylesheet" type="text/css" href="styles.css"> B.<style type="text/css" href=”styles.css”></style> C.<script type="text/javascript" src="styles.css"></script> D.<link type="text/css" rel="styles.css">
(完整word版)《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第四天课后考试答案CSS第四天答案Name:_________ Array_________ Score_________选择题每题2分,共计20分;填空题每题2分,共计40分;问答题每题4分,共计40分; 选择题和代码题主要考查的基本知识点的理解,而简答题主要考查表达能力.一、选择题(每题2分)1下面哪个样式不会改变span元素的展示模式?A.float:left;B.display:block;C.position:absolute;D.margin-left:100px;答案 D2.display中的那个属性会隐藏元素?A.block b.inline C.none D.inline-block答案 C3.下面哪一个是左浮动?A.float:none;B.float:left;C.float:right;D.float:center;答案 B4.下面哪一个不是左浮动的特点?A.左浮动的元素在普通文档流中B.浮动的框向左移动C.左浮动元素碰到包含框后会停止浮动D.左浮动元素碰到其他左浮动元素后会停止浮动答案 A5.下面哪个是右浮动?A.float:left;B.float:none;C.float:right;D.float:center;6.下面哪个不是右浮动的特点?A.右浮动会脱离标准流B.右浮动遇到包含框会停止C.可以使用clear:right清除元素右浮动后的影响D.两个右浮动的元素如果包含块太窄会重叠答案 D7.下面哪个不是浮动的特点?A.元素设置浮动不会实现模式转换B.浮动元素以顶部对齐C.可以让块级元素在一行显示D.设置浮动的元素不占原来的位置答案 A8.下面哪个是浮动的特点?A.元素设置浮动不会实现模式转换B.浮动元素会生成块级框C.浮动元素会占用原来的位置D.浮动的元素默认有宽高答案 B9.下面哪个效果不可以使用浮动来实现?A.图文混排(文字包裹图片)B.导航条效果C.网页左右布局D.将元素固定到页面右下角答案 D10.下面哪个效果可以使用浮动来实现?A.将元素固定到页面右下角B.实现模式转换C.使元素相对于自己的向右移动20pxD.将元素旋转一定角度答案 B11.以下哪种方式不可以用来清除浮动?A.clear:left;B.clear:right;C.over-flow:hidden;D.position:relative;12.哪个选项是推荐用来清楚浮动的()?A.clear:none;B.over-flow:hidden;C.双伪元素清楚浮动D.直接给父盒子一个高度。
css考试题及答案

css考试题及答案CSS考试题及答案1. 以下哪个CSS选择器用于选择所有`<p>`元素?A. pB. p:hoverC. p:activeD. p:focus答案:A2. CSS中的`box-sizing`属性默认值是什么?A. content-boxB. border-boxC. padding-boxD. margin-box答案:A3. 如何在CSS中设置文本颜色?A. color: red;B. text-color: red;C. font-color: red;D. text: red;答案:A4. CSS中的`display`属性可以设置为哪些值以创建一个块级元素?A. blockB. inlineC. inline-blockD. All of the above答案:D5. 以下哪个属性用于设置元素的外边距?A. paddingB. marginC. borderD. outline答案:B6. 如何在CSS中创建一个圆角边框?A. border-radius: 10px;B. round-corners: 10px;C. curved-corners: 10px;D. circle-border: 10px;答案:A7. CSS中的`z-index`属性用于控制什么?A. 元素的可见性B. 元素的宽度C. 元素的堆叠顺序D. 元素的高度答案:C8. 如何在CSS中设置元素的背景图片?A. background-image: url('path/to/image.jpg');B. background: url('path/to/image.jpg');C. image: url('path/to/image.jpg');D. background-url: 'path/to/image.jpg';答案:A9. CSS中的`transition`属性用于实现什么效果?A. 动画B. 渐变C. 转换D. 过渡答案:D10. 如何在CSS中设置元素的字体大小?A. font-size: 16px;B. text-size: 16px;C. font: 16px;D. size: 16px;答案:A。
《CSS样式》习题

《CSS样式》习题一、选择题1.CSS是的缩写。
A.Colorful Style Sheets B. Computer Style Sheets C. Cascading Style Sheets D. Creative Style Sheets2.引用外部样式表的格式是。
A. B.3.引用外部样式表的元素应该放在。
A. HTML文档的开始的位置 B. HTML文档的结束的位置 C.在head元素中 D.在body元素中4.内部样式表的元素是。
A. B. C.34.下列哪个css属性能够设置文本加粗? A.font-weight:bold B. style:bold C. font:b D. font= 35.下列哪个css属性能够设置盒模型的内补丁为? A. padding:10px 20px 30px 40px B. padding:10px 1px C. padding:5px 20px 10px D. padding:10px36下列哪个属性能够设置盒模型的左侧外补丁? A. margin: B. indent: C. margin-left: D. text-indent: 37.定义盒模型外补丁的时候是否可以使用负值? A.是 B. 否38.如何能够定义列表的项目符号为实心矩形? A.list-type: square B. type: 2 C. type: square D.list-style-type: square39.在CSS语言中下列哪些选项是背景图像的属性 A背景重复B背景附件C纵向排列中的选择器包括A.超文本标记选择器B.类选择器 C.标签选择器 D.ID 选择器D背景位置文本属性中,文本对齐属性的取值有A.auto B.justify C.center D.right E.left 中BOX的padding属性包括的属性有A.填充B.上填充C.底填充D.左填充E.右填充中,盒模型的属性包括A. fontB. marginC. paddingD. visibleE. border44.下面关于CSS的说法正确的有 A. CSS可以控制网页背景图片 B. margin属性的属性值可以是百分比 C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距45.下面关于CSS的说法正确的有 A. CSS可以控制网页背景图片 B. margin属性的属性值可以是百分比 C. 字体大小的单位可以是em 等于18像素46.边框的样式可以包含的值包括: A.粗细 B.颜色C.样式D.长短47.光标移动文本框上方时,文本框边框的颜色就改变,这是因为激发了下列的事件。
css第三天课后考试答案

css第三天课后考试答案CSS第三天测试题Name:_________ Array_________ Score_________选择题每题2分,共计20分;填空题每题2分,共计40分;问答题每题4分,共计40分; 选择题和代码题主要考查的基本知识点的理解,而简答题主要考查表达能力.一、选择题(每题2分)1.1下面哪个不是CSS中的伪类()A.:link;B.:focus;C.:before;D.:actived;答案 C2.需要使用下面哪个链接伪类,向未被访问的链接添加特殊样式()A.:hover;B.:link;C.:before;D.:active;答案 B3.浏览器中一般情况下,默认的文字大小是()A.12px;B.14px;C.16px;D.18px;答案 C4.浏览器中一般情况下,默认的文字行高是()A.12px;B.14px;D.18px;答案 D5.line-height 与font-size 的计算值之差叫做()A.行间距;B.行内框;C.行框;D.半间距;答案 A6.行高是指上下文本行的()间的垂直距离。
A.顶线;B.中线;C.基线;D.底线;答案 C7.假设一个div的高度是30px,其中只有一行文本,设置行高为()才能使文本垂直居中A.0px;B.10px;C.15px;D.30px;答案 D8.当父级块级元素的行高为20px,它内部子元素的行高是()A.0px;B.子元素不受影响;C.20px;D.未知;答案 C9.某段落的样式如下:font-size:14px; line-height:1.5;那么这个段落的实际行高是()B.21px;C.14px;D.15px;答案 B10.下面采用哪个单位设置的行高不是计算值()A.px;B.em;C.%;D.不带单位;答案 A11.假设父盒子的字体大小为12px,行高为2em;子盒子的行高为-10px,则最后子盒子的行高为()A.12px;B.-10px;C.14px;D.24px;答案 D背景不会应用到盒模型的哪个区域()A.内容区;B.内边距;C.边框;D.外边距;答案 D12.盒模型中哪个区域可以使用负值()A.内容区;B.内边距;C.边框;D.外边距;答案 D13.如何显示这样一个边框:上边框10 像素、下边框5 像素、左边框20 像素、右边框1 像素?A.border-width:10px 5px 20px 1pxB.border-width:10px 20px 5px 1pxC.border-width:5px 20px 10px 1pxD.border-width:10px 1px 5px 20px答案 D14.如何改变元素的左边距?A.margin-left;B.indent;C.margin;D.text-indent;答案 A15.请判断以下说法是否正确:如需定义元素内容与边框间的空间,可使用padding 属性,并可使用负值?A.错误;B.正确;答案 A16.为元素的padding-top设置百分数值时,百分数值是相对于其()来计算的?A.自身的height;B.父元素的height;C.自身的width;D.父元素的width;答案 D17.为h1标签设置样式:h1 {border-width: 20px; border-right-width:40px;},则它的右边框显示的宽度是()A.20px;B.40px;C.0px;D.60px;答案 C为h1设置样式:h1 {margin: 0.25em 1em 0.5em;},则左外边距的值为()A.0.25em;B.1em;C.0.5em;D.0em;答案 B18.盒模型中盒子实际的宽度指的是()A.width;B.width+padding+border+margin;C.width+padding;D.width+padding+border;答案 D19.当两个垂直外边距合并时,他们会()A.相加;B.相减;C.取较大的值;D.取较小的值;答案 C20.CSS中盒模型从内到外的顺序是()A.content、border、padding、margin;B.content、margin、padding、border;C.content、padding、border、margin;D.margin、border、padding、content;答案 C二、填空题(每题2分)1.浏览器一般的默认字体大小是________,默认的文字行高是________。
css试题及答案

css试题及答案css试题及答案css试题及答案 1.常用的块属性标签及特征有哪些?常用块标签:Divh1~h6olullidltdddtabletrthtdpbrform块标签特征:独占一行,换行显示,可以设置宽高,块可以套块和行 2.常用的行内属性标签及特征有哪些?行标签:spanaimgvaremstrongtextareaselectoptioninput行标签特征:在行内显示,内容撑开宽高,不可以设置宽高(img,input除外),行只能套行标签 3.SEO重视的标签有哪些? 4.HTML静态页面出现中文乱码如何解决?在head 里加入并且保存文件时编码格式也选择utf-8编码 5.下列标签既是行内属性标签又可以设宽高的标签是?(CD)A.varB.tableC.inputD.imgE.form 6.css选择器有几种,及各自的书写方式?(举例说明)ID选择器,举例:#div1{}类选择器,举例:.div1{}标签选择器,举例:div{}后代选择器,举例:.div1p{}群组选择器,举例:#div1,.div2,.div3p,#div4ulli{} 7.简单说说你对“盒模型”这个概念的理解,以及它都涉及到哪些css属性?在css布局中,每一个html元素在浏览器中的解析都可以被看作一个盒子,拥有盒子一样的外形和平面空间它由margin、border、padding、content四部分组成涉及到的CSS属性有:margin、border、padding、display 8.div1里依次有div2和div3两个同级元素,div2高20px,margin-bottom:30px;div3高50px,margin-top:20px;那么div1的.高度是多少?20px+50px+30px=100px 本题考点:margin横向上是相加,但在竖向上却会产生叠加的现象,并会取上下间距的其大者生效9.A标签的伪类有哪些,都是什么意思,及书写顺序?link:有链接属性时visited:链接地址已被访问过hover:鼠标悬停在上面active:被用户激活时书写顺序:lvha(lovehate) 10.有一个div宽是1000px,如何让它在浏览器里达到居中,并且左右自适应?div{width:1000px;margin:0auto;}11.常用的调试工具有哪些?谷歌的审查元素、火狐的firebug、IE开发者工具F12等12.分别说出float对块属性及行内属性标签的影响是什么?对块属性标签的影响:可以使块属性元素并排排列,在没有设置宽高的情况下浮动后,内容撑开宽度高度对行属性标签的影响:float之后能设置width和height属性,并支持margin和padding属性13.写出兼容IE及其他主流浏览器的CSS半透明设置?div{opacity:0.5;fiter:alpha(opacity=50);} 14.写出常见的CSS兼容性问题?(列举至少4个) 1.不同浏览器的标签默认的margin和padding差异;2.图片之间默认有间距;3.不透明度; 4.图片有链接时的边框问题;5.双倍marginbug6.... 15.CSSposition属性的常用值有哪些?分别是什么意思?Position:relative;相对定位(通常用在父级)Position:absolute;绝对定位(通常用在子级)Position:fixed;固定定位(相对于浏览器窗口) 16.以下的CSShack设置分别适用于哪个浏览器?_background-color:green;IE6适用*+background-color:pink;IE7适用*background-color:black;IE6、IE7适用针对不同的浏览器或不同版本浏览器而写特定的CSS样式,叫做CSShack 17.html的书写规范有哪些?标签换行写法;标签需要关闭;特殊字符用编码;标签缩进;标签用英文小写;注释;合理嵌套;。
css题库(含答案)

css题库(含答案) tip:<为<单选题1.页⾯上的div标签,其HTML结构如下:<div id="father"><p class="son" id="son">传智播客</p></div>对应的CSS样式代码如下:#father #son{color:red;}#father p{color:blue;}div .son{color:yellow;}div p{color:green;}那么,⽂字的颜⾊将显⽰为( A )A、红⾊B、蓝⾊C、黄⾊D、绿⾊2.text-transform属性⽤于控制英⽂字符的⼤⼩写。
下列选项中,不属于其属性值的是( B )A、capitalizeB、line-throughC、lowercaseD、uppercase3.下列选项中,属于并集选择器书写⽅式的是(h1.p{})A、h1 p{}B、h1_p{}C、h1,p{}D、h1-p{}4.下列选项中,符合标签指定式选择器的写法要求的是( A )A、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为class选择器或id选择器,两个选择器之间不能有空格。
B、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为class选择器或id选择器,两个选择器之间必须有空格。
C、由两个选择器构成,其中第⼀个为标记选择器,第⼆个必须为class选择器,两个选择器之间不能有空格。
D、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为id选择器,两个选择器之间必须有空格。
5.页⾯上的div标签,其HTML代码为<div id="box" style="color:red">⽂字</div>,为其设置CSS样式如下:#box{color:blue;}那么,⽂字的颜⾊将显⽰为 ( B? )A、红⾊B、蓝⾊C、⿊⾊D、以上选项都不正确6.使⽤CSS时,需要遵从⼀定的规范。
css试题及答案大全

css试题及答案大全CSS试题及答案大全1. 以下哪个选择器用于选择ID为"header"的元素?A. #headerB. .headerC. [id="header"]D. header答案:A2. CSS中,下列哪个属性用于设置文本颜色?A. colorB. font-colorC. text-colorD. text答案:A3. 如何在CSS中创建一个类选择器?A. #classB. .classC. [class="class"]D. class答案:B4. 如果你想改变一个段落的背景颜色,你应该使用哪个CSS属性?A. background-colorB. backgroundC. bg-colorD. color答案:A5. CSS中,哪个属性用于设置元素的边框样式?A. border-styleB. borderC. styleD. border-type答案:B6. 如何在CSS中设置元素的内边距?A. paddingB. marginC. spacingD. gap答案:A7. 以下哪个CSS属性用于设置元素的外边距?A. marginB. paddingC. borderD. space答案:A8. 如何在CSS中设置文本的字体大小?A. font-sizeB. text-sizeC. sizeD. font答案:A9. CSS中,哪个属性用于设置元素的宽度?A. widthB. sizeC. dimensionD. span答案:A10. 如何在CSS中设置元素的边框颜色?A. border-colorB. colorC. borderD. frame-color答案:A11. CSS中,哪个属性用于设置元素的边框宽度?A. border-widthB. widthC. borderD. frame-width答案:A12. 在CSS中,如何设置元素的字体样式?A. font-styleB. styleC. fontD. text-style答案:A13. 如何在CSS中设置元素的行高?A. line-heightB. heightC. lineD. spacing答案:A14. CSS中,哪个属性用于设置元素的文本对齐方式?A. text-alignB. alignC. textD. alignment答案:A15. 如何在CSS中设置元素的边框圆角?A. border-radiusB. roundC. curveD. circle答案:A16. CSS中,哪个属性用于设置元素的透明度?A. opacityB. transparentC. see-throughD. clear答案:A17. 如何在CSS中设置元素的背景图片?A. background-imageB. imageC. bg-imageD. img答案:A18. CSS中,哪个属性用于设置元素的背景颜色?A. background-colorB. colorC. backgroundD. bg-color答案:A19. 如何在CSS中设置元素的背景重复方式?A. background-repeatB. repeatC. bg-repeatD. pattern答案:A20. CSS中,哪个属性用于设置元素的背景大小?A. background-sizeB. sizeC. bg-sizeD. dimension答案:A。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
一、选择题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 )。
A.网页中的标题是红色的B.网页中某一个id为title的元素中的内容是红色的C.网页中元素名为title的内容是红色的D.以上任意一个都可以10.样式表定义.outer {background-color:yellow} 表示( B )。
A.网页中某一个id为outer的元素的背景色是红色的B.网页中含有class=”outer”元素的背景色是红色的C.网页中元素名为outer元素的背景色是红色的D.以上任意一个都可以47.光标移动文本框上方时,文本框边框的颜色就改变,这是因为激发了下列的( C )事件。
A. onFocusB. onMouseUpC. onMousrOverD. onMousMOve48.下列属性哪一个能够实现层的隐藏?( C )A. display:falseB. display:hiddenC. display:noneD. display:" "49.下列选项中,不属于文本属性的是( D )。
A. font-sizeB. font-styleC. text-alignD. font-color50.页面上有一个按钮btn,同时定义好了一个类样式(按钮图片样式表btnPic),那么使用( B )就可以实现背景图片的改变。
A. onMouseOver="className=btnPic"B. onMouseOver="this.className=btnPic"C. onMouseOver="this.style.className=btnPic"D. this.btn.style.className="btnPic"二、简答题1、什么是标记选择器并举例说明。
CSS标记选择器就是声明哪些标记采用哪种CSS样式。
例如:h1{ color:red; font-size:25px; }2、什么是类别选择器并举例说明。
类别选择器的名字可以由用户自定义,用做html页面某标签的class属性值。
例如:.red{ color:red; font-size:18px }3、什么是ID选择器并举例说明。
ID选择器是针对html页面中某个具有此ID属性的标签设置的CSS样式。
例如:#bold{ font-weight:bold; }4、举例说明什么是行内式CSS样式。
行内式是直接对html的标记使用style属性,然后将CSS代码直接写在其中。
例如:<p style=”color:#ff0000; font-size:20px>正文内容</p>5、举例说明什么是内嵌式CSS样式。
内嵌样式表就是将CSS写在<head> 与</head>之间,并且用<style>和</style>标记进行声明。
例如:<head><style type=”text/css”>p{ color:#0000ff }</style></head>6、举例说明什么是链接式CSS样式。
链接式CSS样式表是通过使用html链接文件标签link将外部CSS应用到本页面的样式使用方法。
例如:<link href=”myCSS.css” type=”text/css” rel=”stylesheet”>7、举例说明什么是导入式CSS样式。
采用import方式导入的样式表,在html文件初始化时,会被导入到html文件内,作为文件的一部分,类似内嵌式的效果。
例如:@import url(sheet.css);8、什么是交集选择器,并举例说明。
交集选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集。
其中第1个必须是标记选择器,第2个必须是类别选择器或者ID选择器。
例如:p.special{ color:red }9、什么是并集选择器,并举例说明。
并集选择器或者称为“集体声明”,它的结果是同时选中各个基本选择器所选择的范围。
例如:h1,h2,p{ color:purple; font-size:15px }10、什么是后代选择器,并举例说明。
后代选择器的写法就是把外层的选择器名字写在前面,内层的选择器名字写在后面,之间用空格分隔。
例如:p span{ color:red }11、在CSS中一个独立的盒子模型有哪几部分组成?content(内容)、border(边框)、padding(内边距)和margin(外边距)12、举例说明什么是块级元素和行内元素?块级元素总是占据一个矩型区域,并且同级兄弟块依次竖直排列,左右撑满。
例如:<ul>行内元素不占有独立的区域,并且同级元素之间横向排列,到最右端自动这行。
例如:<a>13、解释一下div标签的作用<div> 是一个区块容器标记,即<div>与</div>之间相当于一个容器,可以容纳段落、标题、表格、图片等各种html元素。
14、解释一下span标签的作用<span>标记和<div>一样,作为容器可以容纳各种html元素,但它是一个行内元素,在它的前后不会换行。
15、解释盒子模型的float属性。
float属性默认为none,也就是标准流通常的情况。
如果将float属性的值设置为left或right,元素会向其父元素的左侧或右侧靠近,同时默认情况下,盒子的宽度不再伸展,而是收缩,根据盒子里面的内容的宽度来确定。
16、解释盒子模型的display属性。
display属性用于确定盒子的类型。
display属性设为inline,即为“行内”;设为block,即为“块级”;设为none,即为“无”,也就是隐藏盒子。
17、圆角框主要有哪几种制作方法?两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。
18、使用CSS主要有哪几种布局方式?两列布局、三列布局、多列布局。
19、CSS布局方法与表格布局方法相比,有哪些优势?(1)页面载入更快;(2)降低网站流量费用;(3)易于修改;(4)视觉一致(5)更易于被搜索引擎找到。
20、使用CSS布局的网页应实现哪些要求?(1)宽度使用多列布局,并保证页头和页脚正确显示;(2)可以指定列宽度固定,其余列宽度自适应;(3)在html中,个列可以任意顺序排列,最终效果都正确显示。
三、案例分析题1、解释以下CSS样式的含义。
table{border: 1px #333 solid;font: 12px arial;width: 500px}td,th{padding: 5px;border: 2px solid #EEE;border-bottom-color: #666;border-right-color: #666;}将表格边框宽度设为1px,颜色设为#333,边框为实线;表格中的字体大小设为12px,字体类型为arial;表格宽度为500px。
设置单元格和表头部分的样式:内边距为5px,边框宽度2px,实线,颜色为#EEE,底部和右侧边框颜色特别设为#6662、解释以下CSS样式的含义。
form{border:1px dotted #AAAAAA;padding:3px 6px 3px 6px;margin:0px;font:14px Arial;}select{width:80px;background-color:#ADD8E6;}设置表单边框宽度为1px,点划线,颜色为#AAAAAA,内上、右、下、左边距分别为:3px 6px 3px 6px,外边距为0px,字体为14px大小的Arial字体。
设置选择框宽度为80px,背景颜色为#ADD8E63、解释以下CSS样式的含义。
input{color:#00008B;}input.btn{background-color:#ADD8E6;padding:1px 2px 1px 2px;}设置input标签中字体颜色为#00008B;input标签中id属性为btn的按钮背景颜色设为#ADD8E6,内上、右、下、左边距分别设为1px、2px、1px、2px4、解释以下CSS样式的含义。
.rounded {background: url(images-notebook/left-top.gif) top left no-repeat;}.rounded h2 {background: url(images-notebook/right-top.gif) top right no-repeat;padding:20px 20px 10px;margin:0;}定义类选择器.rounded:背景图像为left-top.gif,从左上角开始,不平铺定义后代选择器.rounded h2:背景图像为right-top.gif,从右上角开始,不平铺;内上、左右、下边距分别是20px 20px 10px,外边距为05、画出一个1-((1-2)+1)-1的布局结构示意图。