(完整版)《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样式基本知识一、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元素应用样式，定义属性选择器时,属性名称用中括弧括起来。
css3试题及答案
css3试题及答案CSS3试题及答案一、选择题1. 下列哪一项不是CSS3新增的伪类？A. :hoverB. :nth-childC. :checkedD. :nth-of-type答案：A2. CSS3中的媒体查询（Media Queries）可以用来做什么？A. 改变网页布局以适应不同的设备B. 改变网页的字体大小C. 改变网页的背景颜色D. A和B答案：D3. 在CSS3中，以下哪个属性用于创建圆角效果？A. border-radiusB. round-cornersC. curved-borderD. smooth-corners答案：A4. CSS3中的动画可以通过哪个属性来实现？A. @keyframesB. @animationC. @transformD. @transition答案：A5. 下列哪一项是CSS3中的新选择器？A. E > FB. E + FC. E ~ FD. All of the above答案：D二、填空题6. CSS3中的________属性允许你改变文本的填充效果。
答案：text-shadow7. 使用CSS3的________属性，可以创建元素的3D效果。
答案：perspective8. CSS3中的________伪元素可以用来选择并样式化一个段落的第一个字母。
答案: ::first-letter9. CSS3的________属性允许你控制元素的透明度。
答案：opacity10. CSS3中的渐变可以通过________和________两种方式来创建。
答案：linear-gradient；radial-gradient三、简答题11. 请解释CSS3中的Flexbox是什么，并简述其基本用法。
答案：Flexbox是CSS3中引入的用于布局的一组功能，它提供了一种更加高效的方式来布局、对齐和分配容器内项目的空间，即使它们的大小是未知或者动态变化的。
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时，需要遵从⼀定的规范。
第7章使用CSS样式控制网页外观习题答案
第7章使用CSS样式控制网页外观一、填空题1、（）是“Cascading Style Sheet”的缩写，可译为“层叠样式表”或“级联样式表”。
正确答案：CSS2、在Dreamweaver中，根据选择器的不同类型，CSS样式被划分为3大类，即（）、标签和高级。
正确答案：类3、CSS样式表文件的扩展名为“（）”。
正确答案：.css4、设置活动超级链接的CSS选择器是（）。
正确答案：a:active5、应用（），网页元素将依照定义的样式显示，从而统一了整个网站的风格。
正确答案：CSS样式表二、选择题1、在【新建CSS规则】对话框的【选择器类型】单选按钮组中，选择【类（可应用于任何标签）】表示（）。
A、用户自定义的CSS样式，可以应用到网页中的任何标签上，B、对现有的HTML标签进行重新定义，当创建或改变该样式时，所有应用了该样式的格式都会自动更新C、对某些标签组合或者是含有特定ID属性的标签进行重新定义样式D、以上说法都不对正确答案：A2、在【新建CSS规则】对话框的【选择器类型】单选按钮组中，选择【标签（重新定义特定标签的外观）】表示（）。
A、用户自定义的CSS样式，可以应用到网页中的任何标签上，B、对现有的HTML标签进行重新定义，当创建或改变该样式时，所有应用了该样式的格式都会自动更新C、对某些标签组合或者是含有特定ID属性的标签进行重新定义样式D、以上说法都不对正确答案：B3、在【新建CSS规则】对话框的【选择器类型】单选按钮组中，选择【高级（ID、伪类选择器等）】表示（）。
A、用户自定义的CSS样式，可以应用到网页中的任何标签上，B、对现有的HTML标签进行重新定义，当创建或改变该样式时，所有应用了该样式的格式都会自动更新C、对某些标签组合或者是含有特定ID属性的标签进行重新定义样式D、以上说法都不对正确答案：C4、下面属于类选择器的是（）。
A、#TopTableB、.Td1C、PD、#NavTable a:hover正确答案：B5、下面属于标签选择器的是（）。
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综合练习50选择题（单、多）
（完整版）CSS综合练习50选择题（单、多）CSS综合练习50选择题（单、多）基本信息： [矩阵文本题] [必答题]姓名：________________________学号：________________________班级:________________________1.CSS是利用（）XHTML标签构建网页布局。
[单选题] [必答题] ○ A.○ B.(正确答案)○ C.○ D.2.在CSS语言中下列哪一项是“左边框”的语法（） [单选题] [必答题] ○ A.border-left-width:<值>○ B.border-top-width：<值>○ C. border-left:<值>(正确答案)○ D. border-top-width:<值>3.在下列CSS语言中（）适用对象是“所有对象”。
[单选题] [必答题] ○ A.背景附件(正确答案)○ B.文本排列○ C.纵向排列○ D.文本缩进4.下列（）不属于CSS文本属性。
[单选题] [必答题]○ A.font-size○ B.text-transform○ C.text-align○ D.line-through(正确答案)5.下列哪一项是CSS正确的语法构成（） [单选题] [必答题]○ A.body:color=black○ B.{body;color:black}○ C.body{color:black}(正确答案)○ D.{body:color=black}6.下面哪个CSS属性是用来改变背景颜色的（） [单选题] [必答题]○ A.background-color:(正确答案)○ B.bgcolor:○ C.color:○ D.text:7.怎样给所有的标签添加背景颜色（） [单选题] [必答题]○ A. .h1 { background-color:#ffffff }○ B. h1 { background-color; }(正确答案)○ C. h1.all { background-color:#ffffff }○ D. #h1 { background-color:#ffffff }8.下列哪个CSS属性可以更改样式表的字体颜色（） [单选题] [必答题] ○ A.text-color=○ B.fgcolor:○ C.text-color:○ D.color:(正确答案)9.下列哪个CSS属性可以更改字体大小（） [单选题] [必答题]○ A.text-size○ B.font-size(正确答案)○ C.text-style○ D.font-style10.下列哪段代码能够定义所有P标签内文字加粗（） [单选题] [必答题]○A.○ B.< p style=”font-size:blod”>○ C.p{ text-size:bold; }○ D.p{ font-weight:bold; }(正确答案)11.下面哪个方法可以去掉文本超链接的下划线（）[单选题] [必答题]○ A. a{ text-decoration:no underline; }○ B. a{ underline:none; }○ C. a{ decoration:no underline; }○ D. a{ text-decoration:none; }(正确答案)12.下列哪个CSS属性能够更改文本字体（） [单选题] [必答题]○ A.f;○ B.font=○ C.font-family:(正确答案)○ D.text-decoration:none;13.下列哪个CSS属性能够设置文本加粗（） [单选题] [必答题]○ A.font-weight:bold(正确答案)○ B.style:bold○ C.font:b○D.font=”bold”14.下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、(顺时针方向)（） [单选题] [必答题]○ A.padding:10px 20px 30px 40px(正确答案)○ B. padding:40px 30px 20px 10px○ C.padding:10px 40px 30px 20px○ D. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界（）[单选题] [必答题]○ B.indent:○ C.margin-left:(正确答案)○ D.text-indent:16.（）能够定义列表的项目符号为实心矩形。
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测验题附答案（满分99）80分合格一、单选题（3分/题，共计81分）1、CSS的中文意思是（）A）网页代码B）网页游戏C）层叠样式表D）以上都是2、CSS是对网页元素的（）进行精确控制。
A）程序和控件B）外观和格式C）音频和视频D）动画和特效3、CSS的书写标准格式为（）A）选择符｛属性，属性值｝B）选择符（属性，属性值）C）选择符（属性：属性值；）D）选择符｛属性：属性值；｝4、下面CSS定义body多个属性正确的是（）A）body(font-family：“宋体”，color：red）B）body(font-family：“宋体”；color：red；）C）body｛font-family：“宋体”；color：“red”；｝D）body｛font-family：“宋体”；color：red；｝5、CSS代码可以单行书写，也可以多行书写，下面正确的是（）A）body（font-family：“宋体”,color：red，）B）body（font-family：“宋体”；color：red；）C）body｛font-family：“宋体”；color：red；｝D）body｛font-family：“宋体”，color：red，｝6、<P style="font-size: 22px; color: #00F；">广汉电视台</P>上面代码属于CSS的（）A）外部样式表B）内部样式表C）内联（内嵌）样式表D）自定义样式表7、<head> <title>样式表</title><style type="text/css">P { font-family:方正姚体; font-size: 22px; } </style></head>上面代码属于CSS的（）A）外部样式表B）内部样式表C）内联（内嵌）样式表D）自定义样式表8、<head><link href="P.css" type="text/css" rel="stylesheet"></head>上面代码属于CSS的（）A）链接到外部样式表B）内部样式表C）导入外部样式表D）内联样式表9、<head><style>@import "P.css"</style></head>上面代码属于CSS的（）A）链接到外部样式表B）内部样式表C）导入外部样式表D）内联样式表10、选择符<P>属于（）A）标签B）id C）伪类D）类11、选择符a：hover属于（）A）标签B）id C）伪类D）类12、选择符# title属于（）A）标签B）id C）伪类D）类13、选择符●title属于（）A）标签B）id C）伪类D）类14、选择符* 属于（）A）标签B）id C）全局D）类15、<p class="content">中央电视台</p>上面代码中content属于（）A）标签名B）id名C）全局名D）类名16、<p id="content">中央电视台</p>上面代码中content属于（）A）标签名B）id名C）全局名D）类名17、下面定义超链接样式的选择符是（）A）a：link B）a：active C）a：hover D）a：visited18、下面定义单击超链接时的选择符是（）A）a：link B）a：active C）a：hover D）a：visited19、下面定义鼠标经过超链接时的选择符是（）A）a：link B）a：active C）a：hover D）a：visited20、下面表示链接已访问的选择符是( )A）a：link B）a：active C）a：hover D）a：visited21、内部样式表是写在（）之间A）<title></title> B）<head></head>C）<mate></mate> D）<body></body>22、如果设置<P><HR><A>三个元素都是红色，正确格式是（）A）P hr a（color : red；）B）P：hr：a { color : red；}C）P，hr，a { color : red；} D）P.hr.a { color : red；}23、代码P{color:blue;} .red{color:red;} 则下面<P>四川</P>和<P class="red">广汉</P>颜色是（）A）四川、广汉都是红色B）四川：红色，广汉：蓝色C）四川、广汉都是蓝色D）四川：蓝色，广汉：红色24、有一个外部P.css文件，需要链接到网页，下面哪个是正确的（）A）如下<head><title>内外部样式表优先权</title><link href="P1.css" rel="stylesheet" type="text/css"><style type="text/css">A { color : red ; }</style></head>B）如下：<head><title>内外部样式表优先权</title><style type="text/css"><link href="P1.css" rel="stylesheet" type="text/css">A { color : red ; }</style></head>25、定义<P>和<img>元素距离浏览器左边距为20px代码是（）A）P & img（margin-left: 20px;）B）P, img（margin-left: 20px;）C）P, img｛margin-left: 20px;｝D）P & img｛margin-left: 20px;｝26、定义元素与浏览器的边距有（）【多选】A）margin-top B)margin-right C)margin-bottom D)margin-left 27、定义img距离浏览器上、右、下、左边距分别是10px、20px、30px、40px（顺时针）的代码是（）A）img｛margin：10px 20px 30px 40px；｝B）img｛margin：40px 30px 20px 10px；｝C）img｛margin：10px 30px 20px 40px；｝D）img｛margin：40px 20px 30px 10px；｝二、填空题（下划线部分___补充完整）2分/空，共计18分1、<head><title>无标题文档</title><style type="text/css" >P{color:blue;}.red{color:red;}#green{color:green;}</style></head><body>< P >中国</P>< P class="red" >四川</P>< P id="green" >广汉</P></body>要求：中国：蓝色字，四川：红色字，广汉：绿色字2、有一个外部P.css文件，需要链接到网页P.CSS内容为P{color：blue；}<head><title>内外部样式表优先权</title><link href="P.css" type="text/css" rel="stylesheet"><styl type="text/css">P ｛color：red；｝(定义一个内部样式表<P>)</style></head><body><P>成都</P></body>问，“成都”颜色是红色。
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. 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 ）oA. 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 ）。
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＞正文内容v/p＞5、举例说明什么是内嵌式CSS样式。
内嵌样式表就是将CSS写在＜head＞与＜/head＞之间，并且用＜style＞和v/style＞标记进行声明。
例如：vhead＞vstyle type=”text/css”＞p{ color:#0000ff }v/style＞v/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 标签的作用vspan＞标记和＜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;in put.bt n{backgrou nd-color:#ADD8E6;padd in g:1px 2px 1px 2px;}设置in put标签中字体颜色为#00008B;in put标签中id属性为btn的按钮背景颜色设为#ADD8E6，内上、右、下、左边距分别设为1px、2px、1px、2px4、解释以下CSS样式的含义。
.roun ded {backgro und: url(images-no tebook/left-top.gif) top left no-repeat;}.roun ded h2 {backgro und: url(images-no tebook/right-top.gif) top right no-repeat;paddi ng:20px 20px 10px;margi n:0;}定义类选择器.rounded：背景图像为left-top.gif，从左上角开始，不平铺定义后代选择器.rounded h2背景图像为right-top.gif，从右上角开始，不平铺;内上、左右、下边距分别是20px 20px 10px，外边距为05、画出一个1- ((1-2)+1)-1的布局结构示意图。