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、选择器1、标签选择器：如p{}2、类选择器：如<p class="aa"> 则.aa{} 或p.aa{}3、 ID选择器：如<p id="aa"> 则#aa{}4、集体选择器：选择器之间用“，”分隔5、嵌套选择器：如<p><b>aaaa</b></p>,则选择器为p b{}6、子选择器，如<p><b>aaaa</b></p>,则选择器为p>b{}7、属性选择器：如<a href="" title="">,则选择器为a[title]{}2、 CSS 文字效果掌握font-family font-size color font-weight font-style text-decoration的用法三 CSS 段落文字掌握行间距 line-height的用法，两种设置方法：px和em(行倍数)四首字放大掌握float的用法，float的用法参考帮助文档。
Float还可以实现图片环绕文件，参考端午节那个例子五图片效果掌握图片中的设置：border-style border-color border-width的用法。
六用CSS 做出页面分隔，用table实现，参考4-9.html七 <a href="#">,鼠标点击的四种效果a:link:正常效果，默认点击时的效果a:visited:可以设置点击之后的样式风格a:hover:鼠标经过链接时可以设置的效果a:active:鼠标点击超链接时可以设置的样式风格八课堂演示：用CSS实现鼠标点击按钮的效果九项目列表：list-style-type的使用方式，以及做出下拉菜单效果。
十 DIV+CSS十一：什么时候用DIV和SPAN规则：页面中要设置大的区域一般是用DIV标记，而页面中要嵌入单词、图片、超链接等等元素时一般使用SPAN标记。
(完整版)《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之基本概念核心要点_基础知识习题及答案（答案见尾页）一、选择题1. CSS的中文全称是什么？A. 层叠样式表B. 层叠样式技术C. 层叠样式语言D. 层叠样式规范2. CSS是由谁发明的？A. 微软B. 苹果C. AdobeD. Google3. CSS的缩写代表什么？A. Cascading Style SheetsB. Cascading StylesheetC. CSS ScriptD. Cascading Sheet4. CSS的书写风格是？A. 选择器-属性-值B. 选择器-属性C. 属性-值D. 值-属性5. CSS中的选择器用于 select 什么？A. HTML 标签B. HTML 元素C. HTML 文档6. CSS属性中，表示字体样式的属性是什么？A. colorB. font-familyC. font-sizeD. background-color7. CSS属性中，表示颜色的属性是什么？A. colorB. background-colorC. text-colorD. border-color8. CSS属性中，表示盒模型的属性是什么？A. displayB. box-sizingC. marginD. padding9. CSS属性中，表示布局的属性是什么？A. positionB. floatC. displayD. box-sizing10. CSS属性中，表示定位的属性是什么？A. positionB. topC. leftD. right11. CSS选择器的类型有哪些？A. 标签选择器B. 类选择器D. 子元素选择器12. 标签选择器用于选择哪些元素？A. HTML 标签B. HTML 元素C. HTML 文档D. CSS 属性13. 类选择器用于选择哪些元素？A. HTML 标签B. HTML 元素C. HTML 文档D. CSS 属性14. ID 选择器用于选择哪些元素？A. HTML 标签B. HTML 元素C. HTML 文档D. CSS 属性15. 子元素选择器用于选择哪些元素？A. 直接子元素B. 间接子元素C. 兄弟元素D. 祖先元素16. 相邻兄弟选择器用于选择哪些元素？A. 同胞元素B. 直接子元素C. 间接子元素D. 兄弟元素17. 一般兄弟选择器用于选择哪些元素？A. 同胞元素B. 直接子元素C. 间接子元素D. 兄弟元素18. 伪类选择器用于选择哪些元素？A. 所有元素B. 特定元素的某些状态C. 特定元素的某些属性D. 特定元素的所有父元素19. 哪些情况下一个元素会被重复选择？A. 同时被多个选择器选择B. 直接子元素和间接子元素都被选择C. 兄弟元素中被一个选择器选择D. 祖先元素中被一个选择器选择20. 在 CSS 中，如何表示选择器之间的逻辑关系？A. 选择器之间用逗号分隔B. 选择器之间用空格分隔C. 选择器之间用花括号包裹D. 选择器之间用大于号和小于号分隔21. CSS属性的基本单位是什么？A. 像素B. 百分比C. emD. rem22. 如何设置字体的样式？A. font-familyB. font-sizeC. text-alignD. line-height23. 如何设置文本的颜色？A. colorB. text-colorC. background-colorD. border-color24. 如何设置背景颜色？A. background-colorB. background-imageC. background-colorD. text-align25. 如何设置字体大小？A. font-sizeB. font-weightC. font-familyD. text-align26. 如何设置行高？A. line-heightB. heightC. font-sizeD. font-weight27. 如何设置边框宽度？A. border-widthB. widthC. border-styleD. border-radius28. 如何设置边框样式？A. border-styleB. border-widthC. border-radiusD. border-image29. 如何设置内边距？A. marginB. paddingC. border-radiusD. border-width30. 如何设置外边距？A. marginB. paddingC. border-radiusD. border-width31. CSS值的基本单位是什么？A. 像素B. 百分比C. emD. rem32. 如何设置字体样式？A. font-familyB. font-sizeC. text-alignD. line-height33. 如何设置文本颜色？A. colorB. text-colorC. background-colorD. border-color34. 如何设置背景颜色？A. background-colorB. background-imageC. background-colorD. text-align35. 如何设置字体大小？A. font-sizeB. font-weightC. font-familyD. text-align36. 如何设置行高？A. line-heightB. heightC. font-sizeD. font-weight37. 如何设置边框宽度？A. border-widthB. widthC. border-styleD. border-radius38. 如何设置边框样式？A. border-styleB. border-widthC. border-radiusD. border-image39. 如何设置内边距？A. marginB. paddingC. border-radiusD. border-width40. 如何设置外边距？B. paddingC. border-radiusD. border-width二、问答题1. 什么是层叠样式表？2. CSS有哪些选择器？3. 什么是标签选择器？4. 什么是类选择器？5. CSS有哪些字体样式？6. 如何设置颜色和背景色？参考答案选择题：1. C2. C3. A4. A5. B6. B7. B8. B9. C 10. A11. ABDEFG 12. A 13. B 14. A 15. D 16. D 17. A 18. B 19. A 20. D 21. B 22. A 23. A 24. A 25. A 26. A 27. A 28. A 29. A 30. B31. D 32. B 33. A 34. A 35. A 36. A 37. A 38. A 39. A 40. B1. 什么是层叠样式表？层叠样式表（Cascading Style Sheets）是一种用于描述HTML或XML等文档样式的样式表语言。
第3章 CSS基础样式 知识点：评估题 (3)[3页]
![第3章 CSS基础样式 知识点：评估题 (3)[3页]](https://img.taocdn.com/s3/m/6c851f4149d7c1c708a1284ac850ad02df800759.png)
学习知识点后请完成以下练习题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。
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复习题目资料
在head 元素中.C 元素中D .在body 。
4 .内部样式表的元素是（<style> A . <css> .B . C . <script> 5.元素中定义样式表的属性名是（）1. CSS 是（）的缩写。
A . Colorful Style SheetsB . Computer Style SheetsC . Cascading Style SheetsD . Creative Style Sheets2. 引用外部样式表的格式是（B)o<style src=mystyle.css>A . vlink rel=stylesheet type= ext/cssB . href=mystyle.css><stylesheet>mystyle.css</stylesheet> C . )o 3.引用外部样式表的兀素应该放在A .HTML 文档的开始的位置 文档的结束的位置 、选择题 (-HTMLB .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 . ‘注释语句如果要在不同的网页中应用相同的样式表定义，应& 。
）该（的元素中定义样式表直接在HTMLAvhead>标记中定义样式表HTML .在的B 通过一个外部样式表文件定义样式表C．以上都可以 D ．）。
#title {color:red} 表示（9．样式表定义网页中的标题是红色的 A ．的元素中的内容是红色的id 为titleB ．网页中某一个的内容是红色的网页中元素名为title ．C以上任意一个都可以．D表.outer {background -color:yellow} 10．样式表定义）。
(完整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的技巧和知识。
练习题一：改变文本样式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样式》复习题
一、选择题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题库（含答案） 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样式》习题答案
一、选择题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核心基础如果希望网页美观、大方，并且升级轻松、维护方便，就需要使用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面试题.
一、填空题（共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复习题目资料
码直接写在其中。 例如： <p style= ”color:#ff0000; font-size:20px> 正文内容 </p>
5、举例说明什么是内嵌式 CSS 样式。 内嵌样式表就是将 CSS 写在 <head> 与</head>之间， 并且用 <style> 和</style> 标记进行声明。 例如： <head><style type= ”text/css”>
B． <link rel="stylesheet" type="text/css"
href="mystyle.css">
C． <stylesheet>mystyle.css</stylesheet>
3． 引用外部样式表的元素应该放在 （
）。
A ． HTML 文档的开始的位置
B． HTML 文档的结束的位置
C． 网页中元素名为 title 的内容是红色的
D ． 以上任意一个都可以
10． 样式表定义
示（
）。
.outer {background-color:yellow} 表
A ． 网页中某一个 id 为 outer 的元素的背景色是红色的
B． 网页中含有 class=”outer”元素的背景色是红色的
C． 网页中元素名为 outer 元素的背景色是红色的 D ． 以上任意一个都可以
7、举例说明什么是导入式 CSS 样式。 采用 import 方式导入的样式表，在 html 文件初始化时，会 被导入到 html 文件内， 作为文件的一部分， 类似内嵌式的效 果。 例如： @import url(sheet.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 ）。
A．网页中的标题是红色的B．网页中某一个id为title的元素中的内容是红色的C．网页中元素名为title的内容是红色的D．以上任意一个都可以10．样式表定义。
Css复习题
Css复习题编辑整理：尊敬的读者朋友们：这里是精品文档编辑中心，本文档内容是由我和我的同事精心编辑整理后发布的，发布之前我们对文中内容进行仔细校对，但是难免会有疏漏的地方，但是任然希望（Css复习题）的内容能够给您的工作和学习带来便利。
同时也真诚的希望收到您的建议和反馈，这将是我们进步的源泉，前进的动力。
本文可编辑可修改，如果觉得对您有帮助请收藏以便随时查阅，最后祝您生活愉快业绩进步，以下为Css复习题的全部内容。
1、关于内容、结构和表现说法正确的是（ABD ）A、内容是页面传达信息的基础B、表现使得内容的传达变得更加明晰和方便C、结构就是对内容的交互及操作效果D、内容就是网页实际要传达的信息,包括文本、图片、音乐、视频、数据、文档等。
2、关于XHTML基本语法说法正确的是（ABC ）A、在文档开始要定义文档类型B、在根元素中应声明命名空间C、所有标签需闭合的，空标签要加“ /”来关闭D、注释语句为：/**/3、关于CSS基本语法说法正确的是（ AC ）A、属性必须要包含在｛｝号之中B、属性和属性值之间用等号链接C、当有多个属性时，用“；”进行区分D、如果一个属性有几个值，则每个属性值之间用分号分隔开4、以下声明可将文本大小设为12px的有：(ABC）A、font-size：12px；B、font—size：9pt；C、font—size：0。
75em;D、font—size：0。
75；5、关于样式表的优先级说法正确的是：(ABC ）A、直接定义在标记上的css样式级别最高B、内部样式表次之C、外部样式表级别最低D、当样式中属性重复时,先设的属性起作用6、关于浏览器默认样式说法错误的是：（ABCD ）A、IE默认页边距为10px，通过body的margin属性设置.B、FF默认页边距为8px，通过body的padding属性设置。
C、IE默认列表左缩进为40px，通过ul、ol的margin属性设置。
- 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的布局结构示意图。