(完整版)《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基础题目
css基础题目含解答共20道1. 什么是CSS？答案：CSS（层叠样式表）是一种用于描述文档样式（如字体、颜色、间距等）的样式表语言。
2. 解释一下CSS 盒模型。
答案：CSS 盒模型由内容区域、内边距、边框和外边距组成。
这些部分共同形成一个盒子，影响元素在页面上的布局和样式。
3. CSS 中的选择器有哪些？答案：常见的选择器有类选择器（.class）、ID选择器（#id）、元素选择器（element）、后代选择器（ancestor descendant）、子元素选择器（parent > child）、伪类选择器（:hover、:nth-child() 等）等。
4. 如何居中一个元素？答案：-水平居中：使用`margin: 0 auto;` 或`text-align: center;`。
-垂直居中：使用`display: flex; align-items: center;` 或`position: absolute; top: 50%; transform: translateY(-50%);`。
5. 什么是BFC（块级格式化上下文）？答案：BFC 是一个独立的渲染区域，规定了内部的块级盒子如何布局，并与外部毫不相干。
它可以解决一些布局问题，如清除浮动、防止边距折叠等。
6. CSS 中`em` 和`rem` 的区别是什么？答案：`em` 是相对于父元素的字体大小，而`rem` 是相对于根元素（html 元素）的字体大小。
7. 如何隐藏一个元素？答案：使用`display: none;` 或`visibility: hidden;` 来隐藏元素。
8. CSS 中的`position` 属性有哪些值，它们分别是什么意思？答案：常见的`position` 值有static、relative、absolute、fixed 和sticky。
它们分别表示元素的定位方式，例如static 表示静态定位，元素出现在正常的文档流中。
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等文档样式的样式表语言。
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试题及答案【篇一：xhtml+css试题有答案】、单项选择题 (每套20题，每题2分，共40分)1、关于web标准以下说法错误的是（ b ）a、web标准是一个复杂的概念集合，它由一系列标准组成b、这些标准全部都由w3c起草与发布c、web标准可以分为3个方面d、web标准里的表现标准语言主要包括css2、以下是!doctype元素作用的是（a ） a、该元素用来定义文档类型 b、该元素用来声明命名空间c、该元素用来向搜索引擎声明网站关键字d、该元素用来向搜索引擎声明网站作者3、以下可将一对象的背景色透明度改为80%的声明是：（d ） a、filter:alpha:(opacity=80);b、filter:alpha: opacity=80; c、filter:alpha:(opacity:80); d、filter:alpha(opacity=80);4、以下选项中，可以解决超链接访问过后hover样式不出现问题的是：（b ） a、重新书写关于连接状态的css样式b、改变关于链接状态的css属性排列顺序: l-v-h-ac、将关于链接状态的css属性全部写再a中d、以上说法都不对5、阅读以下代码： style type=text/css body {margin:0} div {float:left; margin-left:10px; width:200px; height:200px;border:1px solid red }/style 解析正确的是：（c ）a、浮动后外边距10px,但ff解释为20pxb、浮动后本来外边距20px,但ie解释为10px,解决办法是加上display:block;c、浮动后本来外边距10px,但ie解释为20px,解决办法是加上display:inlined、以上说法都不对6、“滑动门技术”的原理是（b ）学院班级姓名a、命名锚点链接的作用b、使用背景图片位置滑动c、将a元素转换为块元素d、将span元素转换为块元素7、关于背景，以下描述错误的是： (c)a、background-img: b、background-img: c、background-widthd、background-attachment8、以下声明中，可以取消加粗样式的有 ( c )a font-weight:bolder；b font-weight:bold；c font-weight: normal;d font-weight:600；9、以下声明中，可以控制单词间距的是： ( b )a letter-spacing:b word-spacing:c font-weight: normal;d font-weight:600；10、display属性的属性值共有： ( a )a 18个b 4个c 6个d 12个11、xhtml基本元素类型不包括a 块状元素 b 内联元素 c 可变元素 d 浮动元素12、关于float描述错误的是 ( b )a float:left;b float:centerc float:rightd float:none;13、为了解决浮动双倍间距问题，我们可以在相应元素上添加 ( c )a float:left;b display:block;c display:inline;d margin:0;14、以下哪种现象在ff2.0中会存在：（c） a 双倍边距的问题b图片间隙的问题c 父元素不能自适应子元素高度d 以上说法都不对15、外部样式表文件不可以由以下哪个标签导入 (c)( d )学院班级姓名a 、link b、import c、style 16、以下标签哪个不是空标签：(d)Ａ metab input c hr d form17、标签 p 的对齐属性是：(b) Ａ、 styleb 、alignc、 angle d、padding18、以下哪个选项是设置底边框的：(a)a、border-bottomb、border-topc、border-left d、border-right19、以下关于class和id的说法，错误的是：(d) a、class的定义方法是： . 类名 {样式}; b、id的应用方法：指定标签 id=id名c、class的应用方法：指定标签 class=类名d、id和class只是在写法上有区别，在应用和意义上没有任何区别20、关于id选择符说法错误的是: ( c )a id选择符的语法格式是“#”加上自定义的id名称b 当我们使用id选择符时，应先为当前元素定义一个id属性，如：div id=top/divc 选择符更适合定义类样式d 一个id名称只能对应于文档中一个具体的元素对象21.以下哪个选项是对对象进行定位的：(c)a、paddingb、marginc、positiond、display22.关于div以下描述正确的是（ a ）. a. div是类似于一行一列表格的虚线框b. div由行列形成的单元格构成，可执行合并拆分等操作c. 由div布局的网页结构与表现不分离d. div不要求我们严格css 支持23.关于使用css以下说法错误的是（ c ）a. 选择符：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素.b. 选择属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性。
css题库（含答案）
css题库（含答案） tip:<为<单选题1．页⾯上的div标签，其HTML结构如下：<div id="father"><p class="son" id="son">传智播客</p></div>对应的CSS样式代码如下：#father #son{color:red;}#father p{color:blue;}div .son{color:yellow;}div p{color:green;}那么，⽂字的颜⾊将显⽰为（ A ）A、红⾊B、蓝⾊C、黄⾊D、绿⾊2．text-transform属性⽤于控制英⽂字符的⼤⼩写。
下列选项中，不属于其属性值的是（ B ）A、capitalizeB、line-throughC、lowercaseD、uppercase3．下列选项中，属于并集选择器书写⽅式的是(h1.p{})A、h1 p{}B、h1_p{}C、h1,p{}D、h1-p{}4．下列选项中，符合标签指定式选择器的写法要求的是（ A ）A、由两个选择器构成，其中第⼀个为标记选择器，第⼆个为class选择器或id选择器，两个选择器之间不能有空格。
B、由两个选择器构成，其中第⼀个为标记选择器，第⼆个为class选择器或id选择器，两个选择器之间必须有空格。
C、由两个选择器构成，其中第⼀个为标记选择器，第⼆个必须为class选择器，两个选择器之间不能有空格。
D、由两个选择器构成，其中第⼀个为标记选择器，第⼆个为id选择器，两个选择器之间必须有空格。
5．页⾯上的div标签，其HTML代码为<div id="box" style="color:red">⽂字</div>，为其设置CSS样式如下：#box{color:blue;}那么，⽂字的颜⾊将显⽰为 ( B? )A、红⾊B、蓝⾊C、⿊⾊D、以上选项都不正确6．使⽤CSS时，需要遵从⼀定的规范。
《CSS样式》习题答案
《CSS样式》习题答案⼀、选择题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．标记进⾏声明。
例如：6、举例说明什么是链接式CSS样式。
链接式CSS样式表是通过使⽤html链接⽂件标签link将外部CSS应⽤到本页⾯的样式使⽤⽅法。
例如：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、举例说明什么是块级元素和⾏内元素？块级元素总是占据⼀个矩型区域，并且同级兄弟块依次竖直排列，左右撑满。
例如：⾏内元素不占有独⽴的区域，并且同级元素之间横向排列，到最右端⾃动这⾏。
例如：13、解释⼀下div标签的作⽤是⼀个区块容器标记，即与之间相当于⼀个容器，可以容纳段落、标题、表格、图⽚等各种html元素。
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">
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综合练习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试题及答案css试题及答案 1.常用的块属性标签及特征有哪些？常用块标签：Divh1~h6olullidltdddtabletrthtdpbrform块标签特征：独占一行，换行显示，可以设置宽高，块可以套块和行 2.常用的行内属性标签及特征有哪些？行标签：spanaimgvaremstrongtextareaselectoptioninput行标签特征：在行内显示，内容撑开宽高，不可以设置宽高（img,input除外），行只能套行标签 3.SEO重视的标签有哪些? 4.HTML静态页面出现中文乱码如何解决？在head 里加入并且保存文件时编码格式也选择utf-8编码 5.下列标签既是行内属性标签又可以设宽高的标签是？(CD)A.varB.tableC.inputD.imgE.form 6.css选择器有几种，及各自的书写方式？（举例说明）ID选择器，举例：#div1{}类选择器，举例：.div1{}标签选择器，举例：div{}后代选择器，举例：.div1p{}群组选择器，举例：#div1,.div2,.div3p,#div4ulli{} 7.简单说说你对“盒模型”这个概念的理解，以及它都涉及到哪些css属性？在css布局中，每一个html元素在浏览器中的解析都可以被看作一个盒子，拥有盒子一样的外形和平面空间它由margin、border、padding、content四部分组成涉及到的CSS属性有：margin、border、padding、display 8.div1里依次有div2和div3两个同级元素，div2高20px,margin-bottom：30px；div3高50px，margin-top：20px；那么div1的.高度是多少？20px+50px+30px=100px 本题考点：margin横向上是相加，但在竖向上却会产生叠加的现象,并会取上下间距的其大者生效9.A标签的伪类有哪些，都是什么意思，及书写顺序？link：有链接属性时visited：链接地址已被访问过hover：鼠标悬停在上面active：被用户激活时书写顺序：lvha(lovehate) 10.有一个div宽是1000px，如何让它在浏览器里达到居中，并且左右自适应？div{width:1000px;margin:0auto;}11.常用的调试工具有哪些？谷歌的审查元素、火狐的firebug、IE开发者工具F12等12.分别说出float对块属性及行内属性标签的影响是什么？对块属性标签的影响：可以使块属性元素并排排列，在没有设置宽高的情况下浮动后，内容撑开宽度高度对行属性标签的影响：float之后能设置width和height属性，并支持margin和padding属性13.写出兼容IE及其他主流浏览器的CSS半透明设置？div{opacity:0.5;fiter:alpha(opacity=50);} 14.写出常见的CSS兼容性问题？（列举至少4个） 1.不同浏览器的标签默认的margin和padding差异;2.图片之间默认有间距;3.不透明度; 4.图片有链接时的边框问题；5.双倍marginbug6.... 15.CSSposition属性的常用值有哪些？分别是什么意思？Position:relative;相对定位（通常用在父级）Position:absolute;绝对定位（通常用在子级）Position:fixed;固定定位(相对于浏览器窗口) 16.以下的CSShack设置分别适用于哪个浏览器？_background-color:green;IE6适用*+background-color:pink;IE7适用*background-color:black;IE6、IE7适用针对不同的浏览器或不同版本浏览器而写特定的CSS样式，叫做CSShack 17.html的书写规范有哪些？标签换行写法；标签需要关闭；特殊字符用编码；标签缩进；标签用英文小写；注释；合理嵌套；。
css试题及答案大全
css试题及答案大全CSS试题及答案大全1. 以下哪个选择器用于选择ID为"header"的元素？A. #headerB. .headerC. [id="header"]D. header答案：A2. CSS中，下列哪个属性用于设置文本颜色？A. colorB. font-colorC. text-colorD. text答案：A3. 如何在CSS中创建一个类选择器？A. #classB. .classC. [class="class"]D. class答案：B4. 如果你想改变一个段落的背景颜色，你应该使用哪个CSS属性？A. background-colorB. backgroundC. bg-colorD. color答案：A5. CSS中，哪个属性用于设置元素的边框样式？A. border-styleB. borderC. styleD. border-type答案：B6. 如何在CSS中设置元素的内边距？A. paddingB. marginC. spacingD. gap答案：A7. 以下哪个CSS属性用于设置元素的外边距？A. marginB. paddingC. borderD. space答案：A8. 如何在CSS中设置文本的字体大小？A. font-sizeB. text-sizeC. sizeD. font答案：A9. CSS中，哪个属性用于设置元素的宽度？A. widthB. sizeC. dimensionD. span答案：A10. 如何在CSS中设置元素的边框颜色？A. border-colorB. colorC. borderD. frame-color答案：A11. CSS中，哪个属性用于设置元素的边框宽度？A. border-widthB. widthC. borderD. frame-width答案：A12. 在CSS中，如何设置元素的字体样式？A. font-styleB. styleC. fontD. text-style答案：A13. 如何在CSS中设置元素的行高？A. line-heightB. heightC. lineD. spacing答案：A14. CSS中，哪个属性用于设置元素的文本对齐方式？A. text-alignB. alignC. textD. alignment答案：A15. 如何在CSS中设置元素的边框圆角？A. border-radiusB. roundC. curveD. circle答案：A16. CSS中，哪个属性用于设置元素的透明度？A. opacityB. transparentC. see-throughD. clear答案：A17. 如何在CSS中设置元素的背景图片？A. background-imageB. imageC. bg-imageD. img答案：A18. CSS中，哪个属性用于设置元素的背景颜色？A. background-colorB. colorC. backgroundD. bg-color答案：A19. 如何在CSS中设置元素的背景重复方式？A. background-repeatB. repeatC. bg-repeatD. pattern答案：A20. CSS中，哪个属性用于设置元素的背景大小？A. background-sizeB. sizeC. bg-sizeD. dimension答案：A。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、选择题1．CSS是（ C ）的缩写。
A．C olorful S tyle S heetsB．C omputer S tyle S heetsC．C ascading S tyle S heetsD．C reative S tyle S heets2．引用外部样式表的格式是（ B ）。
A．<style src="mystyle.css">B．<link rel="stylesheet" type="text/css" href="mystyle.css"> C．<stylesheet>mystyle.css</stylesheet>3．引用外部样式表的元素应该放在（ C ）。
A．H TML文档的开始的位置B．H TML文档的结束的位置C．在head元素中D．在body元素中4．内部样式表的元素是（ A ）。
A．<style>B．<css>C．<script>5．元素中定义样式表的属性名是（ A ）。
A．s tyleB．c lassC．s tylesD．f ont6．下列（ C ）是定义样式表的正确格式。
A．{body:color=black(body}B．b ody:color=blackC．b ody {color: black}D．{body;color:black}7．下列（ A ）是定义样式表中的注释语句。
A．/* 注释语句*/B．// 注释语句C．// 注释语句//D．‘注释语句8．如果要在不同的网页中应用相同的样式表定义，应该（ C ）。
A．直接在HTML的元素中定义样式表B．在HTML的<head>标记中定义样式表C．通过一个外部样式表文件定义样式表D．以上都可以9．样式表定义#title {color:red} 表示（ B ）。
A．网页中的标题是红色的B．网页中某一个id为title的元素中的内容是红色的C．网页中元素名为title的内容是红色的D．以上任意一个都可以10．样式表定义.outer {background-color:yellow} 表示（ B ）。
A．网页中某一个id为outer的元素的背景色是红色的B．网页中含有class=”outer”元素的背景色是红色的C．网页中元素名为outer元素的背景色是红色的D．以上任意一个都可以47.光标移动文本框上方时，文本框边框的颜色就改变，这是因为激发了下列的（ C ）事件。
A. onFocusB. onMouseUpC. onMousrOverD. onMousMOve48.下列属性哪一个能够实现层的隐藏？（ C ）A. display:falseB. display:hiddenC. display:noneD. display:" "49.下列选项中，不属于文本属性的是（ D ）。
A. font-sizeB. font-styleC. text-alignD. font-color50.页面上有一个按钮btn，同时定义好了一个类样式（按钮图片样式表btnPic），那么使用（ B ）就可以实现背景图片的改变。
A. onMouseOver="className=btnPic"B. onMouseOver="this.className=btnPic"C. onMouseOver="this.style.className=btnPic"D. this.btn.style.className="btnPic"二、简答题1、什么是标记选择器并举例说明。
CSS标记选择器就是声明哪些标记采用哪种CSS样式。
例如：h1{ color:red; font-size:25px; }2、什么是类别选择器并举例说明。
类别选择器的名字可以由用户自定义，用做html页面某标签的class属性值。
例如：.red{ color:red; font-size:18px }3、什么是ID选择器并举例说明。
ID选择器是针对html页面中某个具有此ID属性的标签设置的CSS样式。
例如：#bold{ font-weight:bold; }4、举例说明什么是行内式CSS样式。
行内式是直接对html的标记使用style属性，然后将CSS代码直接写在其中。
例如：<p style=”color:#ff0000; font-size:20px>正文内容</p>5、举例说明什么是内嵌式CSS样式。
内嵌样式表就是将CSS写在<head> 与</head>之间，并且用<style>和</style>标记进行声明。
例如：<head><style type=”text/css”>p{ color:#0000ff }</style></head>6、举例说明什么是链接式CSS样式。
链接式CSS样式表是通过使用html链接文件标签link将外部CSS应用到本页面的样式使用方法。
例如：<link href=”myCSS.css” type=”text/css” rel=”stylesheet”>7、举例说明什么是导入式CSS样式。
采用import方式导入的样式表，在html文件初始化时，会被导入到html文件内，作为文件的一部分，类似内嵌式的效果。
例如：@import url(sheet.css);8、什么是交集选择器，并举例说明。
交集选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。
其中第1个必须是标记选择器，第2个必须是类别选择器或者ID选择器。
例如：p.special{ color:red }9、什么是并集选择器，并举例说明。
并集选择器或者称为“集体声明”，它的结果是同时选中各个基本选择器所选择的范围。
例如：h1,h2,p{ color:purple; font-size:15px }10、什么是后代选择器，并举例说明。
后代选择器的写法就是把外层的选择器名字写在前面，内层的选择器名字写在后面，之间用空格分隔。
例如：p span{ color:red }11、在CSS中一个独立的盒子模型有哪几部分组成？content（内容）、border（边框）、padding（内边距）和margin（外边距）12、举例说明什么是块级元素和行内元素？块级元素总是占据一个矩型区域，并且同级兄弟块依次竖直排列，左右撑满。
例如：<ul>行内元素不占有独立的区域，并且同级元素之间横向排列，到最右端自动这行。
例如：<a>13、解释一下div标签的作用<div> 是一个区块容器标记，即<div>与</div>之间相当于一个容器，可以容纳段落、标题、表格、图片等各种html元素。
14、解释一下span标签的作用<span>标记和<div>一样，作为容器可以容纳各种html元素，但它是一个行内元素，在它的前后不会换行。
15、解释盒子模型的float属性。
float属性默认为none，也就是标准流通常的情况。
如果将float属性的值设置为left或right，元素会向其父元素的左侧或右侧靠近，同时默认情况下，盒子的宽度不再伸展，而是收缩，根据盒子里面的内容的宽度来确定。
16、解释盒子模型的display属性。
display属性用于确定盒子的类型。
display属性设为inline，即为“行内”；设为block，即为“块级”；设为none，即为“无”，也就是隐藏盒子。
17、圆角框主要有哪几种制作方法？两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。
18、使用CSS主要有哪几种布局方式？两列布局、三列布局、多列布局。
19、CSS布局方法与表格布局方法相比，有哪些优势？（1）页面载入更快；（2）降低网站流量费用；（3）易于修改；（4）视觉一致（5）更易于被搜索引擎找到。
20、使用CSS布局的网页应实现哪些要求？（1）宽度使用多列布局，并保证页头和页脚正确显示；（2）可以指定列宽度固定，其余列宽度自适应；（3）在html中，个列可以任意顺序排列，最终效果都正确显示。
三、案例分析题1、解释以下CSS样式的含义。
table{border: 1px #333 solid;font: 12px arial;width: 500px}td,th{padding: 5px;border: 2px solid #EEE;border-bottom-color: #666;border-right-color: #666;}将表格边框宽度设为1px，颜色设为#333，边框为实线；表格中的字体大小设为12px,字体类型为arial；表格宽度为500px。
设置单元格和表头部分的样式：内边距为5px，边框宽度2px，实线，颜色为#EEE，底部和右侧边框颜色特别设为#6662、解释以下CSS样式的含义。
form{border:1px dotted #AAAAAA;padding:3px 6px 3px 6px;margin:0px;font:14px Arial;}select{width:80px;background-color:#ADD8E6;}设置表单边框宽度为1px，点划线，颜色为#AAAAAA，内上、右、下、左边距分别为：3px 6px 3px 6px，外边距为0px，字体为14px大小的Arial字体。
设置选择框宽度为80px，背景颜色为#ADD8E63、解释以下CSS样式的含义。
input{color:#00008B;}input.btn{background-color:#ADD8E6;padding:1px 2px 1px 2px;}设置input标签中字体颜色为#00008B；input标签中id属性为btn的按钮背景颜色设为#ADD8E6，内上、右、下、左边距分别设为1px、2px、1px、2px4、解释以下CSS样式的含义。
.rounded {background: url(images-notebook/left-top.gif) top left no-repeat;}.rounded h2 {background: url(images-notebook/right-top.gif) top right no-repeat;padding:20px 20px 10px;margin:0;}定义类选择器.rounded：背景图像为left-top.gif，从左上角开始，不平铺定义后代选择器.rounded h2：背景图像为right-top.gif，从右上角开始，不平铺；内上、左右、下边距分别是20px 20px 10px，外边距为05、画出一个1-（（1-2）+1）-1的布局结构示意图。