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属性设置。

D、FF默认列表左缩进为40px，通过ul、ol的padding属性设置。

7、关于CSS为什么会出现Bug说法正确的是：（ABC）A、CSS作为表现标准语言，需要在不同浏览器中实现表现层统一B、各大主流浏览器由于不同厂家开发，所有的核心构架和代码也很难重和C、各大厂商处于自身利益而设种种技术壁垒D、网页设计师定义的命名空间不一样8、CSS样式文件的类型有（ ABC ）A、内部样式表B、内联样式表C、外部样式表D、包含样式表9、以下哪些Bug在FF中不会出现（ ABCD ）A、双补浮向BugB、图片间隙 BugC、项目符号隐藏 BugD、多余字符Bug10、DIV/CSS布局模型包括（ ABC ）A、Flow Model（流动模型）B、Float Model（浮动模型）C、Layer Model （层模型）D、box Model (盒模型)11、关于CSS基本语法说法正确的是（ AC ）A、属性必须要包含在{}号之中B、属性和属性值之间用等于号链接C、当有多个属性时，用“；”进行区分D、如果一个属性有几个值，则每个属性值之间用分号分隔开12、以下声明可将文本大小设为12px的有：（ABCD）A、font-size:12px;B、font-size:9pt;C、font-size:0.75em;D、font-size:0.75;13、关于样式表的优先级说法正确的是：（ABC）A、直接定义在标记上的css样式级别最高B、内部样式表次之C、外部样式表级别最低D、当样式中属性重复时，先设的属性起作用14、关于Hack说法正确的是：（ ABC ）A、Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法B、它们都属于个人对CSS代码的非官方的修改C、也有人称之为patch(补丁)D、以上说法都不对15. 关于横导航链接为什么要用UL+LI，以下说法正确的是（ ABC ）A．导航从其本意上说，不是一个段落P，更不是一些个标题Hx，也不是一个DIV，DIV 只是部分与分区。

CSS复习题目

一、选择题1．CSS是（）的缩写。

A．C olorful S tyle S heetsB．C omputer S tyle S heetsC．C ascading S tyle S heetsD．C reative S tyle S heets2．引用外部样式表的格式是（）。

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

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

A．<style>B．<css>C．<script>5．元素中定义样式表的属性名是（）。

A．styleB．classC．stylesD．font6．下列（）是定义样式表的正确格式。

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

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

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

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

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

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属性设置。

D、FF默认列表左缩进为40px，通过ul、ol的padding属性设置。

7、关于CSS为什么会出现Bug说法正确的是：（ABC）A、CSS作为表现标准语言，需要在不同浏览器中实现表现层统一B、各大主流浏览器由于不同厂家开发，所有的核心构架和代码也很难重和C、各大厂商处于自身利益而设种种技术壁垒D、网页设计师定义的命名空间不一样8、CSS样式文件的类型有（ABC）A、内部样式表B、内联样式表C、外部样式表D、包含样式表9、以下哪些Bug在FF中不会出现（ABCD）A、双补浮向BugB、图片间隙BugC、项目符号隐藏BugD、多余字符Bug10、DIV/CSS布局模型包括（ABC）A、Flow Model（流动模型）B、Float Model（浮动模型）C、Layer Model（层模型）D、box Model(盒模型)11、关于CSS基本语法说法正确的是（AC）A、属性必须要包含在{}号之中B、属性和属性值之间用等于号链接C、当有多个属性时，用“；”进行区分D、如果一个属性有几个值，则每个属性值之间用分号分隔开12、以下声明可将文本大小设为12px的有：（ABCD）A、font-size:12px;B、font-size:9pt;C、font-size:0.75em;D、font-size:0.75;13、关于样式表的优先级说法正确的是：（ABC）A、直接定义在标记上的css样式级别最高B、内部样式表次之C、外部样式表级别最低D、当样式中属性重复时，先设的属性起作用14、关于Hack说法正确的是：（ABC）A、Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法B、它们都属于个人对CSS代码的非官方的修改C、也有人称之为patch(补丁)D、以上说法都不对15.关于横导航链接为什么要用UL+LI，以下说法正确的是（ABC）A．导航从其本意上说，不是一个段落P，更不是一些个标题Hx，也不是一个DIV，DIV 只是部分与分区。

CSS复习题目

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

A． C o lorful St y le Sheet sB． Computer Styl e S h e e tsC． C asca d i n g Style SheetsD． Crea t i v e Styl e Sheet s2．引用外部样式表的格式是( )。

A．〈s tyl e src="m y st y l e。

cs s ">B．〈li nk rel ＝"s ty lesh e et” t y p e ＝"text/c ss ”hre f =”m y st y le。

c ss">C．〈sty l es h e e t>m y styl e . c ss＜/stylesheet>3．引用外部样式表的元素应该放在 ( )。

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

A．〈styl e>B． <css〉C． < s cript〉5．元素中定义样式表的属性名是( )．A． sty l eB． classC． s t ylesD．font6．下列)ﻩ)是定义样式表的正确格式。

A． {b o d y： colo r =b l a c k (b od y }B． bo d y： colo r =blackC． body {col o r： black}D． {body； colo r :black}7．下列)ﻩ)是定义样式表中的注释语句。

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

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

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一、单选题6.下面哪个CSS属性是用来改变背景颜色的（）A.background-color:B.bgcolor:C.color:D.text:5．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过6．在CSS的文本属性中，文本修饰的取值text-decoration：underline表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过7．在CSS的文本属性中，文本修饰的取值text-decoration：line-through表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过8．外部式样式单文件的扩展名为（）A．.js B．.domC．.htm D．.css48．在CSS中要使文本闪烁，text-decoration属性的取值应该是（）A．none B．underlineC．blink D．overline28.下面不属于CSS插入形式的是( )A.索引式B.内联式C.嵌入式D.外部式38．CSS样式表不可能实现( )功能。

A．将格式和结构分离B．一个CSS文件控制多个网页C. 控制图片的精确位置D．兼容所有的浏览器61．若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。

A．<Style> .myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt} </style>B．.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}C．<Style> .myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}</style>D．<Style> . .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}</style>16.如下所示的这段CSS 样式代码，定义的样式效果是（D ）。

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试题及答案【篇一：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复习题目资料

在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样式》复习题

一、选择题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时，需要遵从⼀定的规范。

20道css基础测试题

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

CSS综合练习50选择题(单、多)

CSS综合练习50选择题（单、多）基本信息： [矩阵文本题] [必答题]姓名：________________________学号：________________________班级:________________________1.CSS是利用（）XHTML标签构建网页布局。

[单选题] [必答题]○ A. <dir>○ B.<div>(正确答案)○ C.<dis>○ D.<dif>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-align5.下列哪一项是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.怎样给所有的<h1>标签添加背景颜色（） [单选题] [必答题]○ 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(正确答案)○ D.font-style10.下列哪段代码能够定义所有P标签内文字加粗（） [单选题] [必答题]○ A.<p style=”text-size:blod”>○ 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(正确答案)○ C.padding:10px 40px 30px 20px○ D. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界（） [单选题] [必答题] ○ A.margin:○ 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试题及答案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一、单选题1.CSS是利用（ B ）XHTML标签构建网页布局。

A. <dir>B.<div>C.<dis>D.<dif>2.在CSS语言中下列哪一项是“左边框”的语法（ C ）A.border-left-width:<值>B.border-top-width：<值>C. border-left:<值>D. border-top-width:<值>3.在下列CSS语言中（ A ）适用对象是“所有对象”。

A.背景附件B.文本排列C.纵向排列D.文本缩进4.下列（ D ）不属于CSS文本属性。

A.font-sizeB.text-transformC.text-alignD.line-height5.下列哪一项是CSS正确的语法构成（ C ）A.body:color=blackB.{body;color:black}C.body{color:black}D.{body:color=black}6.下面哪个CSS属性是用来改变背景颜色的（ A ）A.background-color:B.bgcolor:C.color:D.text:7.怎样给所有的<h1>标签添加背景颜色（ B ）A. .h1 { background-color:#ffffff }B. h1 { background-color; }C. h1.all { background-color:#ffffff }D. #h1 { background-color:#ffffff }8.下列哪个CSS属性可以更改样式表的字体颜色（ D ）A.text-color=B.fgcolor:C.text-color:D.color:9.下列哪个CSS属性可以更改字体大小（ B ）A.text-sizeB.font-sizeC.text-styleD.font-style10.下列哪段代码能够定义所有P标签内文字加粗（ D ）A.<p style=”text-size:blod”>B.< p style=”font-size:blod”>C.p{ text-size:bold; }D.p{ font-weight:bold; }11.下面哪个方法可以去掉文本超链接的下划线（ D ）A. a{ text-decoration:no underline; }B. a{ underline:none; }C. a{ decoration:no underline; }D. a{ text-decoration:none; }12.下列哪个CSS属性能够更改文本字体（ C ）A.f;B.font=C.font-family:D.text-decoration:none;13.下列哪个CSS属性能够设置文本加粗（ A ）A.font-weight:boldB.style:boldC.font:bD.font=14.下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、（顺时针方向）( A )A.padding:10px 20px 30px 40pxB. padding:40px 30px 20px 10pxC.padding:10px 40px 30px 20pxD. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界（C ）A.margin:B.indent:C.margin-left:D.text-indent:16.（ D ）能够定义列表的项目符号为实心矩形。

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。