《CSS样式》习题

合集下载

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样式》习题答案

(完整版)《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笔试附答案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 练习题

css 练习题CSS练习题CSS(层叠样式表)是一种用于描述网页样式和布局的标记语言。

通过CSS,我们可以实现对网页中各个元素的展示样式进行控制,包括字体、颜色、大小、背景等等。

为了帮助大家更好地掌握CSS技能,以下是一些CSS练习题,希望能帮助你进一步熟悉CSS的应用。

题目一:创建一个简单的居中对齐的盒子要求:创建一个宽度为300px,高度为200px的盒子,并水平垂直居中对齐在页面上。

提示:利用`margin`属性和`text-align`属性可以实现盒子的居中对齐。

题目二:添加鼠标悬浮效果要求:当鼠标悬浮在盒子上时,盒子的背景颜色变为橙色,文字颜色变为白色。

提示:可以使用`:hover`伪类选择器为盒子设置悬浮效果,并利用`background-color`和`color`属性来改变背景颜色和文字颜色。

题目三:创建一个三栏布局要求:创建一个三栏布局,左右两栏宽度为200px,中间栏自适应剩余宽度。

左右两栏的背景颜色为灰色,中间栏的背景颜色为白色。

提示:可以使用`float`属性将左右两栏浮动到左右两侧,设置宽度和背景颜色。

对于中间栏,可以利用`margin`属性设置其左右两侧的外边距。

题目四:实现响应式布局要求:创建一个响应式网页布局,当屏幕宽度小于600px时,三栏布局变为垂直排列。

提示:可以使用媒体查询(`@media`)来设置不同屏幕宽度下的样式。

题目五:改变链接样式要求:将网页中所有的链接的文字颜色改为蓝色,并去除链接的默认下划线。

提示:可以使用`color`属性来改变链接文字的颜色,使用`text-decoration`属性来去除下划线。

题目六:实现动画效果要求:为页面中的某个元素添加一个旋转动画效果。

提示:可以使用`@keyframes`和`animation`属性来定义和应用动画效果。

以上是一些CSS练习题,通过这些练习可以帮助你更好地掌握CSS 的应用。

希望你能够积极尝试并不断提升自己的CSS技能,为构建更美观的网页界面打下坚实的基础。

css测试题

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样式基本知识练习题

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复习题

(完整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的练习题

css的练习题

css的练习题CSS(层叠样式表)是用于描述网页样式和布局的语言,通过CSS我们可以美化网页、改变元素的样式以及实现响应式布局等功能。

为了巩固和提高对CSS的理解和应用能力,以下是一些CSS练习题,希望能够帮助你进一步掌握CSS的技巧和知识。

练习题一:改变文本样式1. 创建一个HTML文件,并在里面添加一个段落元素。

2. 使用CSS将段落的字体颜色设置为红色。

3. 将段落的字体大小设置为18像素。

4. 将段落的文字设置为加粗。

5. 将段落的文字居中对齐。

练习题二:调整背景和边框样式1. 创建一个HTML文件,并在里面添加一个div元素。

2. 使用CSS将div的背景色设置为蓝色。

3. 将div的边框样式设置为实线,颜色为红色,边框宽度为2像素。

4. 将div的内边距设置为10像素。

5. 设置div的外边距为20像素。

练习题三:列表样式1. 创建一个HTML文件,并在里面添加一个无序列表。

2. 使用CSS将无序列表的项目符号改为实心圆。

3. 将无序列表的项目文本颜色设置为绿色。

4. 将无序列表的项目文本字体大小设置为14像素。

5. 将无序列表的项目文本添加下划线。

练习题四:盒模型调整1. 创建一个HTML文件,并在里面添加一个div元素。

2. 使用CSS将div的宽度设置为300像素,高度设置为150像素。

3. 将div的内边距设置为20像素。

4. 将div的边框样式设置为虚线,颜色为灰色,边框宽度为1像素。

5. 设置div的外边距为30像素。

练习题五:浮动与定位1. 创建一个HTML文件,并在里面添加两个div元素。

2. 使用CSS将第一个div的宽度设置为200像素,高度设置为200像素,并让其浮动到左侧。

3. 使用CSS将第二个div的宽度设置为400像素,高度设置为200像素。

4. 使用CSS将第二个div的定位方式设置为相对定位,并将其上移30像素、左移50像素。

5. 使用CSS将第二个div的背景色设置为黄色。

《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 )。

css题库(含答案)

css题库(含答案)

css题库(含答案) tip:&lt;为<单选题1.页⾯上的div标签,其HTML结构如下:&lt;div id="father">&lt;p class="son" id="son">传智播客&lt;/p>&lt;/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代码为&lt;div id="box" style="color:red">⽂字&lt;/div>,为其设置CSS样式如下:#box{color:blue;}那么,⽂字的颜⾊将显⽰为 ( B? )A、红⾊B、蓝⾊C、⿊⾊D、以上选项都不正确6.使⽤CSS时,需要遵从⼀定的规范。

完整版《CSS样式》习题

完整版《CSS样式》习题

一、选择题1.CSS 是(C)的缩写。

A. Colorful Style SheetsB. Computer Style SheetsC. CascadingStyle SheetsD. Creative Style Sheets2.引用外面款式表的格式是(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)。

20道css基础测试题

20道css基础测试题

20道css基础测试题以下是20道CSS基础测试题:
1.CSS是什么?
2.CSS有哪些选择器?
3.CSS如何设置字体大小?
4.CSS如何设置颜色?
5.CSS如何设置背景图片?
6.CSS如何设置边框样式?
7.CSS如何设置文本对齐方式?
8.CSS如何设置盒模型?
9.CSS如何设置元素的显示方式?
10.CSS如何设置元素的定位方式?
11.CSS如何设置元素的宽度和高度?
12.CSS如何设置元素的边距和填充?
13.CSS如何设置元素的阴影效果?
14.CSS如何设置元素的透明度?
15.CSS如何设置元素的过渡效果?
16.CSS如何设置元素的动画效果?
17.CSS有哪些常用的属性?
18.CSS有哪些单位?
19.CSS有哪些布局模式?
20.CSS如何与其他技术结合使用?
请回答上述问题,并对每个答案进行简要的解释。

css样式基本知识练习题

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样式表。

css面试题.

css面试题.

一、填空题(共10题)1.CSS样式定义优先级顺序是 ______。

2.对ul li的样式设成无,应该是用什么属性______。

3.div与span的区别是____________。

4.合理的页面布局中常听过结构与表现分离,那么结构是____,表现是_____。

5.css选择器包括______、______、______。

6.改变元素的外边距用_____,改变元素的内边距用______。

7.在Table中,th是_____,tr是_______,td是______。

8.请将下面五行代码进行缩写,注意代码缩写规范:#box {background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;background-color:#ff0000;background-image:url(lady.gif);}9.图片加链接后又浏览器默认的蓝色边框,消除的方法是______。

10.如下图为一个border为1px 的div块,总宽度为215px(包括border),阴影区为padding-left:25px;,那么此div的width应设置为______。

二、单项选择题(共30题)1.()标签可以应用于〈head〉中。

A.<body>B.<title>C.<image>D.<html>2.a:hover表示超链接文字在()时的状态。

A.鼠标按下B.鼠标经过C.鼠标放上去D.访问过后3.下列属性哪一个能够实现层的隐藏?A.display:falseB.display:hiddenC.display:noneD.display:""4.下列选项中,不属于文本属性的是A.font-sizeB.font-styleC.text-alignD.font-color5.CSS是什么的缩写puter Style SheetsB.Cascading Style SheetsC.Creative Style SheetsD.Colorful Style Sheets6.下列HTML引用样式表的方式哪种正确A.<stylesheet>mystyle.css</stylesheet>B. <style src="mystyle.css">C.<link rel="stylesheet" type="text/css" href="mystyle.css">D.<style href="mystyle.css">7.在HTML内部定义样式用下列哪个标签A.<style>B.<css>C.<script>D.<link>8.下面的CSS语法哪一个正确?A.body:color=blackB.{body;color:black;}C.body {color: black;}D.{body:color=black(body}9.在CSS中怎样插入注释A.// this is a comment //B./ this is a commentC./* this is a comment */D.' this is a comment "10.下面哪一个属性用来更换背景颜色A.background-color:B.bgcolor:C.color:D.bg_color:11.怎样给xhtml中的所有h1标签增加一个背景色A.all.h1 {background-color:#FFFFFF;}B.h1 {background-color:#FFFFFF;}C.h1.all {background-color:#FFFFFF;}C.h1.total {background-color:#FFFFFF;}12.怎样改变标签元素中文本的颜色A.text-color:B.font-color:C.text-color:D.color:13.选出你认为最合理的定义标题的方法( ) 。

css练习题

css练习题

css练习题CSS练习题CSS(层叠样式表)是一种用于描述网页外观和样式的标记语言。

掌握CSS对于前端开发者来说至关重要。

为了提高自己的CSS技能,下面将介绍一些CSS 练习题,帮助大家巩固和拓展对CSS的理解。

一、盒子模型练习1. 创建一个带有红色背景颜色的div,宽度为200px,高度为100px。

2. 创建一个带有蓝色边框的div,边框宽度为2px,边框样式为实线,边框颜色为蓝色。

3. 创建一个带有50px内边距的div,内边距上下左右均为10px。

4. 创建一个带有20px外边距的div,外边距上下左右均为20px。

二、选择器练习1. 选中所有class为"box"的元素,并将它们的背景颜色设置为黄色。

2. 选中id为"header"的元素,并将它的字体颜色设置为红色。

3. 选中所有p元素中的第一个,并将它的字体大小设置为20px。

4. 选中所有p元素中的最后一个,并将它的字体大小设置为16px。

三、布局练习1. 创建一个两列布局,左侧宽度为30%,右侧宽度为70%。

2. 创建一个三列布局,左侧宽度为20%,中间宽度为60%,右侧宽度为20%。

3. 创建一个固定在页面底部的footer,宽度为100%。

4. 创建一个居中对齐的div,宽度为300px,高度为200px。

四、动画练习1. 创建一个渐变动画,元素的背景颜色从红色过渡到蓝色,动画持续时间为3秒。

2. 创建一个旋转动画,元素顺时针旋转360度,动画持续时间为2秒。

3. 创建一个缩放动画,元素从初始大小缩小到一半大小,动画持续时间为1秒。

4. 创建一个闪烁动画,元素的透明度在0和1之间循环变化,动画持续时间为2秒。

五、响应式设计练习1. 创建一个响应式网页布局,当屏幕宽度小于600px时,将导航栏隐藏。

2. 创建一个响应式图片布局,当屏幕宽度小于800px时,将图片缩小为原来的一半大小。

3. 创建一个响应式表格布局,当屏幕宽度小于400px时,将表格的列数减少为一列。

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。

《CSS样式》习题

《CSS样式》习题

一、选择题1.CSS是()的缩写。

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.引用外部样式表的格式是()。

A.<style src="mystyle.css">B.<link rel="stylesheet" type="text/css" href="mystyle.css"> C.<stylesheet>mystyle.css</stylesheet>3.引用外部样式表的元素应该放在()。

A.HTML文档的开始的位置B.HTML文档的结束的位置C.在head元素中D.在body元素中4.内部样式表的元素是()。

A.<style>B.<css>C.<script>5.元素中定义样式表的属性名是()。

A.styleB.classC.stylesD.font6.下列()是定义样式表的正确格式。

A.{body:color=black(body}B.body:color=blackC.body {color: black}D.{body;color:black}7.下列()是定义样式表中的注释语句。

A./* 注释语句*/B.// 注释语句C.// 注释语句//D.‘ 注释语句8.如果要在不同的网页中应用相同的样式表定义,应该()。

A.直接在HTML的元素中定义样式表B.在HTML的<head>标记中定义样式表C.通过一个外部样式表文件定义样式表D.以上都可以9.样式表定义#title {color:red} 表示()。

A.网页中的标题是红色的B.网页中某一个id为title的元素中的内容是红色的C.网页中元素名为title的内容是红色的D.以上任意一个都可以10.样式表定义.outer {background-color:yellow} 表示()。

第3章 CSS基础样式 知识点:评估题 (3)[3页]

第3章 CSS基础样式 知识点:评估题 (3)[3页]

学习知识点后请完成以下练习题1)以下哪个样式属性可以进行背景图片的设置()(单选)A、background-imageB、background-colorC、background-attachmentD、background-repeat2)以下哪个样式属性可以进行背景颜色的设置()(单选)A、background-imageB、background-colorC、background-attachmentD、background-repeat3)以下哪个样式属性可以设置背景图片随着网页内容的滚动而滚动的效果()(单选)A、background-imageB、background-colorC、background-attachmentD、background-repeat4)以下哪个样式属性可以设置背景图片是否平铺()(单选)A、background-imageB、background-colorC、background-attachmentD、background-repeat5)border:1px solid red;代码表示的内容是()(单选)A、边框线宽度为10px,边框线样式是点线,边框线的颜色是红色B、边框线宽度为1px,边框线样式是直线,边框线的颜色是红色C、边框线宽度为1px,边框线样式是破折线,边框线的颜色是蓝色D、边框线宽度为1px,边框线样式是双直线,边框线的颜色是红色6)border-bottom:1px solid red;代码表示的内容是()(单选)A、左边框线宽度为1px,左边框线样式是直线,左边框线的颜色是红色B、右边框线宽度为1px,右边框线样式是直线,右边框线的颜色是红色C、上边框线宽度为1px,上边框线样式是直线,上边框线的颜色是红色D、下边框线宽度为1px,下边框线样式是直线,下边框线的颜色是红色7)以下说法正确的是()(单选)A、border-left可以设置左边框线的样式B、border-left可以设置右边框线的样式C、border-left可以设置上边框线的样式D、border-left可以设置下边框线的样式8)以下说法正确的是()(单选)A、border-width用于设置边框线的高度B、border-width用于设置边框线的宽度C、border-width用于设置边框线的颜色D、border-width用于设置边框线的样式9)给文本添加下划线的样式属性是以下哪一个()(单选)A、text-alignB、letter-spacingC、text-decorationD、text-indent10)如果要设置字体大小,需要使用的属性是()(单选)A、font-weightB、font-sizeC、font-colorD、font-family11)width:10px;height:100px;以上代码表示()(单选)A、设置宽度为100px,设置高度为10pxB、设置宽度为10px,设置高度为10pxC、设置宽度为10px,设置高度为100pxD、设置宽度为100px,设置高度为100px。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
一、选择题
1.CSS是()的缩写。
A.ColorfulStyleSheets
B.ComputerStyleSheets
C.CascadingStyleSheets
D.CreativeStyleSheets
2.引用外部样式表的格式是()。
A.<stylesrc="mystyle.css">
B.<linkrel="stylesheet" type="text/css"href="mystyle.css">
50.页面上有一个按钮btn,同时定义好了一个类样式(按钮图片样式表btnPic),那么使用()就可以实现背景图片的改变。
A.onMouseOver="className=btnPic"
B.onMouseOver="this.className=btnPic"
C.onMouseOver="this.style.className=btnPic"
C.indent
D.text-indent
15.设置外边距()是负数。
A.可以
B.不可以
16.下列()表示列表项符号是小方块。
A.list-style-type: square
B.type: square
C.list-type: square
D.type: 2
17.“样式表定义中的display和visibility效果是一样的,都是用于网页指定对象的隐藏和显示”的说法是()。
A.border-width:10px 1px 5px 20px
B.border-width:10px5px20px1px
C.border-width:5px20px10px1px
D.border-width:10px20px 5px1px
14.下列()表示左边距。
A.margin-left
B.margin
C.padding:5px 20px 10px
D.padding:10px
36下列哪个属性能够设置盒模型的左侧外补丁?()
A.margin:
B.indent:
C.margin-left:
D.text-indent:
37.定义盒模型外补丁的时候是否可以使用负值?()
A.是
B.否
38.如何能够定义列表的项目符号为实心矩形?()
C.body {color: black;}
D..{body:color=black(body}
26.下面哪个CSS属性是用来更改背景颜色的?()
A.background-color:
B.bgcolor:
C.color:
D.text:
27.怎样给所有的<h1>标签添加背景颜色?()
A..h1 {background-color:#FFFFFF}
border-bottom-color: #666;
border-right-color: #666;
}
2、解释以下CSS样式的含义。
form{
border:1px dotted #AAAAAA;
padding:3px 6px 3px 6px;
margin:0px;
font:14px Arial;
}
24.在CSS语言中下列哪一项是"列表样式图象"的语法?( )
A.width: <值>
B.height: <值>
C.white-space: <值>
D.list-style-image: <值>
25.下列哪一项是css正确的语法构成?()
A.body:color=black
B.{body;color:black}
D.<dif>
20.在CSS语言中下列哪一项是"左边框"的语法?()
A.border-left-width: <值>
B.border-top-width: <值>
C.border-left: <值>
D.border-top-width: <值>
21.在CSS语言中下列哪一项的适用对象是"所有对象"?()
A.list-type: square
B.type: 2
C.type: square
D.list-style-type: square
39.在CSS语言中下列哪些选项是背景图像的属性()
A背景重复B背景附件C纵向排列D背景位置
40.CSS中的选择器包括()
A.超文本标记选择器B.类选择器
C.标签选择器D.ID选择器
D.this.btn.style.className="btnPic"
二、简答题
1、什么是标记选择器并举例说明。
2、什么是类别选择器并举例说明。
3、什么是ID选择器并举例说明。
4、举例说明什么是行内式CSS样式。
5、举例说明什么是内嵌式CSS样式。
6、举例说明什么是链接式CSS样式。
7、举例说明什么是导入式CSS样式。
A.正确的
B.不正确的
18.如果要将网页中的两个div对象制作为重叠效果,()。
A.是不可能的
B.利用表格标记<table>
C.利用样式表定义中的绝对位置与相对位置属性
D.利用样式表定义中的z-index属性
19.CSS是利用什么XHTML标记构建网页布局?()
A.<dir>
B.<div>
C.<dis>
C.p {text-size:bold}
D.p {font-weight:bold}
31.如何去掉文本超级链接的下划线?()
A.a {text-decoration:nounderline}
B.a {underline:none}
C.a {decoration:nounderline}
D.a {text-decoration:none}
34.下列哪个css属性能够设置文本加粗?()
A.font-weight:bold
B.style:bold
C.font:b
D.font=
35.下列哪个css属性能够设置盒模型的内补丁为10.20.30.40(顺时针方向)?()
A.padding:10px20px30px40px
B.padding:10px 1px
A.背景附件
B.文本排列
C.纵向排列
D.文本缩进
22.下列选项中不属于CSS文本属性的是()
A.font-sizeB.text-transform
C.text-alignD.line-height
23.在CSS中不属于添加在当前页面的形式是()
A.内联式样式表B.嵌入式样式表
C.层叠式样式表D.链接式样式表
B.网页中某一个id为title的元素中的内容是红色的
C.网页中元素名为title的内容是红色的
D.以上任意一个都可以
10.样式表定义.outer {background-color:yellow}表示()。
A.网页中某一个id为outer的元素的背景色是红色的
B.网页中含有class=”outer”元素的背景色是红色的
A.style
B.class
C.styles
D.font
6.下列()是定义样式表的正确格式。
A.{body:color=black(body}
B.body:color=black
C.body {color: black}
D.{body;color:black}
7.下列()是定义样式表中的注释语句。
A./*注释语句*/
44.下面关于CSS的说法正确的有()
A. CSS可以控制网页背景图片
B. margin属性的属性值可以是百分比
C.整个BODY可以作为一个BOX
D.对于中文可以使用word-spacing属性对字间距进行调整
E. margin属性不能同时设置四个边的边距
45.下面关于CSS的说法正确的有()
A.CSS可以控制网页背景图片
41.CSS文本属性中,文本对齐属性的取值有( )
A.autoB.justify C.centerD.rightE.left
42.CSS中BOX的padding属性包括的属性有( )
A.填充B.上填充C.底填充D.左填充E.右填充
43.CSS中,盒模型的属性包括()
A. fontB. marginC. paddingD. visibleE. border
D.onMousMOve
48.下列属性哪一个能够实现层的隐藏?()
A.display:false
B.display:hidden
C.display:none
D.display:" "
49.下列选项中,不属于文本属性的是()。
A.font-size
B.font-style
C.text-align
D.font-color
B.h1 {background-color:#FFFFFF;}
C.h1.all {background-color:#FFFFFF}
D.#h1 {background-color:#FFFFFF}
28.下列哪个css属性可以更改样式表的字体颜色?()
A.text-color=B.fgcolor:
C.text-color:D.color:
19、CSS布局方法与表格布局方法相比,有哪些优势?
相关文档
最新文档