CSS理论习题附有答案

CSS理论习题[复制]您的姓名：[填空题]*请输入自己真实姓名，否则答题无效。_________________________________1.在css中，设置背景图像的代码正确的是。（）[单选题]*A、background-image:src(img/41.jpg)B、background-image:url(img/41.jpg)(正确答案)C、background-img:url(img/41.jpg)D、background-img:src(img/41.jpg)答案解析：background-image背景属性1、为元素设置背景图像。2、元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。B选项background-image属性的属性值必须带url这个关键词，表示图像的来源。2.给某段文字设置下划线，应该设置什么属性?（）[单选题]*A、text-transformB、text-alignC、text-indentD、text-decoration(正确答案)答案解析：text-transform属性控制文本的大小写。text-align属性规定元素中的文本的水平对齐方式。text-indent属性规定文本块中首行文本的缩进。允许使用负值。如果使用负值，那么首行会被缩进到左边。text-decoration属性规定添加到文本的修饰。D选项text-decoration属性可以对文本编辑为下划线。3.以下CSS单位是绝对单位的是。（）[单选题]*A、px(正确答案)B、emC、remD、百分比答案解析：px相对长度单位。像素（Pixels）。像素px是相对于显示器屏幕分辨率而言的。em相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。rem相对长度单位。相对于根元素（即html元素）font-size计算值的倍数。百分比相对于父元素的尺寸。A选项像素px是相对于显示器屏幕分辨率而言的，因而符合本题要求。4.以下关于在CSS中的选择器命名错误的是。（）[单选题]*A、*B、.table(正确答案)C、divD、.boxp答案解析：通配选择器（universalselector），显示为一个星号（*）。该选择器可以与任何元素匹配，就像是一个通配符。类选择器在CSS中，类选择器以一个点号显示。元素选择器（1）最常见的CSS选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。（2）在W3C标准中，元素选择器又称为类型选择器（typeselector）。示例:p{color:gray;}，p元素字体颜色都为灰色后代选择器（1）后代选择器（descendantselector）又称为包含选择器。（2）后代选择器可以选择作为某元素后代的元素。示例:h1em{color:red;}，表示对h1元素中的em元素应用样式B选项中table明显是一个元素，可单独作为元素选择器，前面不需要加一个点号来变成类选择器。5.给某个div容器设置边框，应该设置什么属性?（）[单选题]*A、asideB、frameC、backgroundD、border(正确答案)答案解析：aside元素（1）定义article以外的内容。aside的内容应该与article的内容相关（2）<aside>标签是HTML5的新标签。注释:<aside>的内容可用作文章的侧栏frame元素（1）<frame>标签定义frameset中的一个特定的窗口（框架）。（2）frameset中的每个框架都可以设置不同的属性，比如border、scrolling、noresize等等。background属性（1）background简写属性在一个声明中设置所有的背景属性。（2）可以设置如下属性:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-imageborder属性（1）缩写边框属性设置在一个声明中所有的边框属性。（2）可以设置的属性分别（按顺序）:border-width,border-style,和border-color。D选项border属性可以给div容器设置边框。6.CSS的某些样式是具有继承性的，下面哪个样式是可以继承的样式。（）[单选题]*A、displayB、positionC、font-family(正确答案)D、float答案解析：CSS的样式继承1、继承:是指子节点默认使用父节点的样式属性2、继承的属性很少，有颜色，文字，字体间距行高对齐方式，和列表的样式等可以继承。3、所有元素可继承:visibility和cursor。4、内联元素可继承:letter-spacing（字符间距）、word-spacing（增加或减少单词间的空白（即字间隔））、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。5、终端块状元素可继承:text-indent和text-align。6、列表元素可继承:list-style、list-style-type、list-style-position、list-style-image综上所述，选项C中的font-family属性是可以继承的。7.将一个独立的.css文件引入到HTML中，使用的标签是。（）[单选题]*A、<style>B、<link>(正确答案)C、<meta>D、<import>答案解析：<style>标签（1）<style>标签用于为HTML文档定义样式信息。（2）style元素位于head部分中。<link>标签（1）<link>标签定义文档与外部资源的关系。（2）<link>标签最常见的用途是链接样式表。<meta>标签（1）<meta>元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。（2）<meta>标签位于文档的头部，不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。（3）在HTML中，<meta>标签没有结束标签。8.关于固定定位的代码正确的是。（）[单选题]*A、location:fixedB、position:fixed(正确答案)C、position:relativeD、location:relative答案解析：CSS的定位absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。relative生成相对定位的元素，相对于其正常位置进行定位。static默认值，没有定位，元素出现在正常的流中。inherit规定应该从父元素继承position属性的值。B选项position:fixed为固定定位，相对于其正常位置进行定位的。9.以下CSS的选择器中优先级最高的是。（）[单选题]*A、idB、classC、标签选择器D、行内样式(正确答案)答案解析：CSS选择器优先级1、在属性后面使用!important会覆盖页面内任何位置定义的元素样式。2、总结排序:!important>行内样式>ID选择器>类选择器>标签选择器>通配符选择器>选择器继承>浏览器默认属性3、但是内部样式>外部样式有一个前提:内部样式的CSS样式的位置一定在外部样式的后面。4、综上所述，就是就近原则（即离被设置元素越近优先级别越高）。四个选项中，行内样式的优先级最高。10.在CSS中清除图片链接样式的代码是。（）[单选题]*A、img{display:none}B、img{border:0}(正确答案)C、img{border:no}D、img{display:0}答案解析：图片链接样式代码清除在css中清除图片默认样式，包含img{border:0;}或者img{border:none;}选项C中的no改为none才为正确，选项A为隐藏图片，选项D属性值错误。11.下列关于CSS语言描述不正确的是。（）[单选题]*A、CSS全称为层叠样式表(CascadingStyleSheets)B、CSS代码通常存放在<style></style>标签内C、CSS样式由选择器和声明组成，而声明又由属性和值组成，属性和值之间用分号分割(正确答案)D、CSS样式有优先级之分答案解析：CSS简介描述1、CSS指的是层叠样式表*(CascadingStyleSheets)2、存放在<style></style>标签内的CSS代码成为内联样式表3、CSS代码由选择器，以及一条或多条声明构成，声明又由属性和值构成。也可以说CSS代码由选择器、属性、值构成，属性和值之间用冒号分割示例:选择器{属性1:值1;属性2:值2;……}4、外部样式表存储在CSS文件中C选项中的属性和值之间应该用冒号分割才对。12.关于CSScolor属性说法正确的是。（）[单选题]*A、设置文字前景色(正确答案)B、设置背景色C、设置边框颜色D、设置浏览器主题颜色答案解析：color属性1、color属性规定文本的颜色。2、这个属性设置了一个元素的前景色（在HTML表现中，就是元素中文本的颜色）。A选项color属性可以设置一个元素的前景色，也就是元素中文本的颜色。13.设置边框样式的属性是。（）[单选题]*A、box-sizingB、box-shadowC、border-radiusD、border(正确答案)答案解析：CSS的box-sizing属性以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将box-sizing设置为"border-box"。CSS的box-shadow属性向框添加一个或多个阴影。CSS的border-radius属性border-radius属性是一个简写属性，用于设置四个border-*-radius属性。注释:按顺顺序设置每个radii的四个值。CSS的border属性（1）缩写边框属性设置在一个声明中所有的边框属性。（2）可以设置的属性分别（按顺序）:border-width,border-style,和border-color。14.在HTML中通过以下哪个元素可以用于导入CSS外部样式?（）[单选题]*A、classB、importC、link(正确答案)D、title答案解析：<link>标签1、<link>标签定义文档与外部资源的关系。2、<link>标签最常见的用途是链接样式表。15.CSS中，用什么属性可以将文本居中?（）[单选题]*A、fontB、text-align(正确答案)C、align-centerD、location答案解析：text-align属性规定元素中的文本的水平对齐方式，属性值设置为center就可以是文本水平居中。16.下列()不属于CSS文本属性。（）[单选题]*A、font-size(正确答案)B、text-transformC、text-alignD、line-height答案解析：CSS文本属性1、文本中大小写字母转换:text-transform2、文本居中:text-align3、段落缩进:text-indent4、设置文字装饰效果:text-decoration5、设置段落行高:line-height6、设置字词间距（1）word-spacing（只对英文有用）（2）letter-spacing（汉字和英文都可以）7、段落间距:margin8、边框:border9、空格:white-space17.关于引入CSS样式的优先级，说法正确的是。（）[单选题]*A、内联样式>内部样式>外部样式B、内联样式>外部样式>内部样式C、内部样式>内联样式>外部样式D、以上都不正确(正确答案)答案解析：CSS样式优先级理论上优先级:内联样式>内部样式>外部样式。但是内部样式>外部样式有一个前提:内部样式的CSS样式的位置一定在外部样式的后面。总的来说，就是就近原则（即离被设置元素越近优先级别越高）。D选项就近原则（即离被设置元素越近优先级别越高）。18.怎样给所有的<h1>标签添加背景颜色。（）[单选题]*A、.h1{background-color:#ffffff}B、h1{background-color:#ffffff;}(正确答案)C、h1.all{background-color:#ffffff}D、#h1{background-color:#ffffff}答案解析：元素选择器（1）最常见的CSS选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。（2）在W3C标准中，元素选择器又称为类型选择器（typeselector）。background-color属性（1）设置元素的背景颜色。（2）background-color属性为元素设置一种纯色。（3）这种背景颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。（4）如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。示例:p{background-color:gray;}，p元素内背景颜色都为灰色。B选项h1是标签，所以元素选择器，前面和后面不需要加任何符号或字符。19.下列哪个选项的CSS语法是正确的?（）[单选题]*A、body:color=blackB、{body:color=black}C、body{color:black}(正确答案)D、{body;color:black}答案解析：元素选择器语法:元素{属性:值，属性:值，.......}1、最常见的CSS选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。2、在W3C标准中，元素选择器又称为类型选择器（typeselector）。3、设置body{color:black;}，则body标签的下面的子标签，具有继承性，子标签会继承body标签所定义的样式。C选项body是标签，所以选项中符合元素选择器语法的只有选项C。20.关于float描述错误的是（）[单选题]*A、float:leftB、float:center(正确答案)C、float:rightD、float:none答案解析：CSS的float属性1、float属性定义元素在哪个方向浮动。2、浮动元素会生成一个块级框，而不论它本身是何种元素。float属性值包含“left、right、none、inherit”，不包含center，因此只有选项B错误。21.下面选项中，哪个可以设置网页中某个元素的右外边距为10像素?（）[单选题]*A、margin-right:100px;B、margin:00010px;C、margin:10px00;D、margin:010px00;(正确答案)答案解析：CSS的margin属性（1）margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。（2）这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。注释:允许使用负值。CSS的margin-right属性设置元素的右外边距。题目中描述为元素的右外边距为10像素的符合条件的只有选项D。22.以下关于CSS样式中字体属性的说法，错误的是。（）[单选题]*A、font-size用来设置文本字体的大小B、font-family用来设置文本字体系列C、font-color用来设置文本字体的颜色(正确答案)D、font-weight用来设置文本字体的粗细答案解析：CSS的font-size属性设置字体的尺寸。设置元素的字体大小。注释:实际上它设置的是字体中字符框的高度。CSS的font-family属性（1）规定元素的字体系列。（2）使用逗号分割每个值，并始终提供一个类族名称作为最后的选择。（3）浏览器会使用它可识别的第一个值。CSS的font-weight属性（1）设置文本的粗细。（2）该属性用于设置显示元素的文本中所用的字体加粗。C选项CSS中无font-color属性，只有color属性来设置字体颜色。23.将div类名以'c'开头元素添加文字为红色，书写正确的是。（）[单选题]*A、div[class=^c]{color:red}(正确答案)B、div[class=$c]{color:red}C、div[class=c]{color:red}D、div[class=*c]{color:red}答案解析：[attribute^=value]选择器匹配属性值以指定值开头的每个元素。[attribute$=value]选择器匹配属性值以指定值结尾的每个元素。[attribute=value]选择器用于选取带有指定属性和值的元素。[attribute*=value]选择器匹配属性值包含指定值的每个元素。24.在CSS中，以下哪项表示类选择器。（）[单选题]*A、#div1B、.div2(正确答案)C、divD、*答案解析：类选择器在CSS中，类选择器以一个点号显示。25.在HTML中，以下关于CSS样式中文本及字体属性的说法，错误的是。（）[单选题]*A、font-size用来设置文本字体的大小B、text-align用来设置文本的对齐方式C、font-type用来设置字体的类型(正确答案)D、font-weight用来设置字体的粗细答案解析：CSS的font-size属性设置字体的尺寸。设置元素的字体大小。注释:实际上它设置的是字体中字符框的高度。CSS的text-center属性text-align属性规定元素中的文本的水平对齐方式。CSS的font-weight属性（1）设置文本的粗细。（2）该属性用于设置显示元素的文本中所用的字体加粗。C选项CSS中无font-type属性，设置字体类型使用font-family属性。26.在CSS中，下列设置背景颜色为黑色的代码错误的是。（）[单选题]*A、background:#FFFFFF(正确答案)B、background-color:blackC、background:RGB(0,0,0)D、background-color:#000答案解析：background属性（1）background简写属性在一个声明中设置所有的背景属性。（2）可以设置如下属性:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-imagebackground-color属性（1）设置元素的背景颜色。（2）background-color属性为元素设置一种纯色。（3）这种背景颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。（4）如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。示例:p{background-color:gray;}，p元素内背景颜色都为灰色。rgb()函数（1）rgb()函数使用红绿蓝（RGB）模型定义颜色。（2）RGB颜色值是这样规定的:rgb(red,green,blue)。（3）每个参数定义该颜色的强度，可以是0到255之间的整数或百分比值（从0％到100％）。#FFFFFF和#000注释:#000和#000000都是黑色A选项中的HTML颜色代码#FFFFFF表示白色。27.CSS文件的扩展名为。（）[单选题]*A、.txtB、.htmC、.css(正确答案)D、.html答案解析：1、CSS文件的扩展名是“.css”。2、CSS样式表文件是用于装CSS代码的文本文件。28.设置字符间距为15px的语句为。（）[单选题]*A、letter-spacing:15px(正确答案)B、line-height:15pxC、letter-height:15pxD、line-spacing:15px答案解析：CSS的字符间距1、字母间距letter-spacing属性用于指定文本中字符之间的间距。2、行高line-height属性用于指定行之间的间距。3、字间距word-spacing属性用于指定文本中单词之间的间距。4、空白white-space属性指定元素内部空白的处理方式。A选项letter-spacing属性用于指定文本中字符之间的间距。CSS中无line-spacing属性。29.如何显示这样一个边框:顶边框10像素、底边框5像素、左边框20像素、右边框1像素。（）[单选题]*A、border-width:10px1px5px20px(正确答案)B、border-width:10px20px5px1pxC、border-width:5px20px40px1pxD、border-width:10px5px20px1px答案解析：CSS的border-width属性1、border-width简写属性为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。2、只有当边框样式不是none时才起作用。3、如果边框样式是none，边框宽度实际上会重置为0。不允许指定负长度值。4、设置四个边框的宽度时，方向为顺时针，起始位置为顶部。注释:"border-width"属性如果单独使用的话是不会起作用的。请首先使用"border-style"属性来设置边框。设置四个边框的宽度时，方向为顺时针，起始位置为顶部。符合题目要求只有选项A。30.CSS中，用什么属性可以将文本右对齐。（）[单选题]*A、fontB、text-align(正确答案)C、align-centerD、location答案解析：text-align是文本对齐方式属性;align-center、Font、location在CSS中是不存在的属性。31.以下关于在CSS中的选择器命名错误的是。（）[单选题]*A、*B、%table(正确答案)C、divD、.boxp答案解析：W3CCSS2.1的4.1.3节中提到:标识符（包括选择器中的元素名，类和ID）只能包含字符[a-zA-Z0-9]和ISO10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）;它们不能以数字，或一个连字号后跟数字为开头。它们还可以包含转义字符加任何ISO10646字符作为一个数字编码。所以%table不是正确命名的选择器32.在CSS中，设置背景图像的代码正确的是。（）[单选题]*A、background-image:src(img/27.jpg)B、background-image:url(img/27.jpg)(正确答案)C、background-image:img/27.jpgD、background-img:url(img/27.jpg)答案解析：background-image属性为元素设置背景图像（即会在元素的背景中设置一个图像）。元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。一般语法为“background-image:url(图像地址)”。33.在CSS单位中，属于绝对值的是。（）[单选题]*A、%B、emC、remD、px(正确答案)答案解析：（1）%表示相对长度，相对于父元素;（2）em表示相对长度，相对于元素的字体大小（font-size）（2em表示当前字体大小的2倍）;（3）rem表示相对长度，相对于根元素的字体大小（font-size）;（4）px表示绝对长度，意思为像素。34.在HTML中通过以下哪个元素可以用于导入CSS外部样式?（）[单选题]*A、link(正确答案)B、importC、scriptD、csslink答案解析：<link>标签定义文档与外部资源的关系。<link>标签最常见的用途是链接样式表。<link>标签没有结束标签。此元素存在于head部分。例如:<head><linkrel="stylesheet"type="text/css"href="css/style.css"/></head>35.下列哪个是CSS中注释的正确写法。（）[单选题]*A、<!--……-->B、*/……/*C、/*……*/(正确答案)D、##答案解析：CSS只有一种注释，不管是多行注释还是单行注释，都必须以/*开始、以*/结束，中间加入注释内容。即所有被放在/*和*/分隔符之间的文本信息都被称为注释。36.以下为层叠样式表简称的是。（）[单选题]*A、DIVB、PHPC、HTMLD、CSS(正确答案)答案解析：层叠样式表（英文全称:CascadingStyleSheets，简称CSS）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。37.关于CSScolor属性说法正确的是。（）[单选题]*A、只能设置几种单一颜色B、设置背景色C、设置边框颜色D、设置文字前景色(正确答案)答案解析：color属性是用于设置文字前景色的属性38.给某段文字设置一条下划线，应该设置什么属性。（）[单选题]*A、text-transformB、text-decoration(正确答案)C、text-indentD、text-align答案解析：（1）text-decoration属性规定添加到文本的修饰。其值包含以下值:none默认。定义标准的文本。underline定义文本下的一条线。overline定义文本上的一条线。line-through定义穿过文本下的一条线。blink定义闪烁的文本。（2）text-transform属性控制文本的大小写。（3）text-indent属性规定文本块中首行文本的缩进。（4）text-align属性规定元素中的文本的水平对齐方式。39.下列符合CSS语法的是。（）[单选题]*A、color=red;B、colorred;C、color:red;(正确答案)D、color-red;40.下列代码在页面中显示的效果是。（）[单选题]*<divtitle="black"style="color:red;">hello</div>A、黑色的文字B、红色的文字(正确答案)C、黑色的背景D、红色的背景41.在CSS中表示像素的单位是。（）[单选题]*A、remB、emC、px(正确答案)D、%42.在CSS中可以设置文字颜色的是。（）[单选题]*A、font-styleB、font-colorC、color(正确答案)D、background-color43.下列CSS属性中，可以设置字体的是。（）[单选题]*A、font-family(正确答案)B、colorC、font-styleD、font-size44.下列说法正确的是。（）[单选题]*A、CSS能够以外部文件的方式被HTML引用(正确答案)B、无法在HTML文件中直接编写CSS代码C、在HTML标签中使用style属性设置样式优先级最低D、在CSS文件中能够直接编写HTML代码45.关于CSS的属性值描述正确的是。（）[单选题]*A、CSS可以将随机数作为属性值B、不可以用CSS在页面中置入图片C、可以使用CSS实现鼠标悬停时显示某种样式(正确答案)D、CSS可以在不使用HTML的情况下直接重构页面1.下列关于浮动float的说法正确的是。（）*A、浮动使元素脱离文档普通流，漂浮在普通流之上(正确答案)B、浮动会产生块级框，而不管元素本身是什么(正确答案)C、可以通过clear来清除浮动(正确答案)D、不可以通过伪类清除浮动答案解析：CSS的float浮动属性1、float属性定义元素在哪个方向浮动。2、浮动元素会生成一个块级框，而不论它本身是何种元素。3、当一个元素浮动之后，它会被移出正常的文档流。4、清除浮动可以使用clear属性。5、可以使用CSS3伪类:after伪类清除浮动。D选项中可以使用CSS3伪类:after伪类清除浮动，因此只有选项D的说法无不正确。2.下列关于padding值得描述正确的是。（）*A、当padding给一个值时，指的是四个方向(正确答案)B、当padding有两个值时，指的是上下、左右(正确答案)C、当padding有三个值时，指的是上、左右、下(正确答案)D、当padding有四个值时，指的是上、下、左、右答案解析：padding属性1、padding简写属性在一个声明中设置所有内边距属性。2、设置元素所有内边距的宽度3、设置四个内边距值时，为上、右、下、左内边距。4、设置两个内边距值时，为上下、左右内边距值。5、设置三个内边距值时，为上、左右、下内边距值。注释:内边距不允许使用负值设置四个内边距值时，为上、右、下、左内边距，因此选项D中顺序错误。3.CSS中text-decoration的值有哪些?（）*A、none(正确答案)B、underline(正确答案)C、overline(正确答案)D、line-through(正确答案)答案解析：text-decoration属性规定添加到文本的修饰。none默认。定义标准的文本。underline定义文本下的一条线。overline定义文本上的一条线。line-through定义穿过文本下的一条线。blink定义闪烁的文本。inherit规定应该从父元素继承text-decoration属性的值。四个选项都是CSS的text-decoration属性值。4.早期的网页没有CSS样式，所以很多元素自带样式，但是这些样式在不同浏览器解析的值都不一样，需要在CSS中重置，保证在不同浏览器显示一致，以下哪些代码是样式重置代码?（）*A、*{margin:0;padding:0;}(正确答案)B、ul,ol{list-style:none;}(正确答案)C、a{text-decoration:none;}(正确答案)D、img,input{border:none;}(正确答案)答案解析：*{margin:0;padding:0;}使用通配符选择器重置浏览器默认样式。ul,ol{list-style:none;}去除ul，ol的默认样式。a{text-decoration:none;}去除a链接默认的下划线。img,input{border:none;}去除默认和聚焦边框。四个选项都是CSS的样式充值代码。5.CSS属性background-position背景图片定位的值包括。（）*A、left(正确答案)B、right(正确答案)C、center(正确答案)D、top(正确答案)E、bottom(正确答案)答案解析：background-position属性toplefttopcentertoprightcenterleftcentercentercenterrightbottomleftbottomcenterbottomright设置背景图像的起始位置。如果您仅规定了一个关键词，那么第二个值将是"center"。默认值:0%0%。由解析可知，五个选项都是background-position的属性值。6.下列关于margin的值的描述正确的是。（）*A、当margin给一个值时，指的是四个方向(正确答案)B、当margin有两个值时，指的是上下、左右(正确答案)C、当margin有三个值时，指的是上、左右、下(正确答案)D、当margin有四个值时，指的是上、下、左、右答案解析：margin属性1、margin简写属性在一个声明中设置所有外边距属性。2、设置元素所有外边距的宽度3、设置四个外边距值时，为上、右、下、左外边距。4、设置两个外边距值时，为上下、左右外边距值。5、设置三个外边距值时，为上、左右、下外边距值。设置四个外边距值时，为上、右、下、左外边距，因此选项D中顺序错误。7.以下CSS属性使用错误的是?（）*A、color:redB、color:#245123C、color:#234kew(正确答案)D、color:#red(正确答案)答案解析：color属性1、color属性规定文本的颜色。2、这个属性设置了一个元素的前景色（在HTML表现中，就是元素中文本的颜色）。color属性值可能的值有:color_name规定颜色值为颜色名称的颜色（比如red）。hex_number规定颜色值为十六进制值的颜色（比如#ff0000）。rgb_number规定颜色值为rgb代码的颜色（比如rgb(255,0,0)）。inherit规定应该从父元素继承颜色。#234kew无此颜色值，#red颜色值错误，red颜色值则可以识别。8.所有的HTML元素都可以看作盒子，它包括。（）*A、元素的内容区域(正确答案)B、元素的内边距(正确答案)C、元素的边框(正确答案)D、元素的外边距(正确答案)答案解析：CSS盒模型1、所有HTML元素可以看作盒子。2、CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括:边距、边框、填充和实际内容。3、盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。4、不同部分的说明:（1）Margin（外边距）:清除边框外的区域，外边距是透明的。（2）Border（边框）:围绕在内边距和内容外的边框。（3）Padding（内边距）:清除内容周围的区域，内边距是透明的。（4）Content（内容）:盒子的内容，显示文本和图像。9.CSS中，盒模型的属性包括（）*A、fontB、margin(正确答案)C、padding(正确答案)D、visible答案解析：CSS盒模型属性1、Margin（外边距）:清除边框外的区域，外边距是透明的。2、Border（边框）:围绕在内边距和内容外的边框。3、Padding（内边距）:清除内容周围的区域，内边距是透明的。4、Content（内容）:盒子的内容，显示文本和图像。盒模型包含Content（内容）、Padding（内边距）、Border（边框）和Margin（外边距）四种。10.CSS文本属性中，文本对齐属性的取值有（）*A、autoB、justify(正确答案)C、center(正确答案)D、right(正确答案)答案解析：CSS文本对齐属性text-align属性规定元素中的文本的水平对齐方式。可能的属性值有:left把文本排列到左边。默认值:由浏览器决定。right把文本排列到右边。center把文本排列到中间。justify实现两端对齐文本效果。inherit规定应该从父元素继承text-align属性的值。text-align属性值有left、right、center、justify和inherit，无auto这个属性。11.关于CSS基本语法说法正确的是（）*A、属性必须要包含在{}号之中(正确答案)B、属性和属性值之间用等号链接C、在有多个属性时，用“;”进行区分(正确答案)D、如果一个属性有几个值，则每个属性值之间用分号分隔开答案解析：CSS基本语法CSS规则集（rule-set）由选择器和声明块组成:1、选择器指向您需要设置样式的HTML元素。2、声明块包含一条或多条用分号分隔的声明。3、每条声明都包含一个CSS属性名称和一个值，以冒号分隔。4、多条CSS声明用分号分隔，声明块用花括号“{}”括起来。选项B中应该是用分号链接，选项D中应是用空格隔开。12.关于CSS的说法正确的有（）*A、CSS可以控制网页背景颜色(正确答案)B、position可以实现盒子模型精确定位(正确答案)C、字体大小的单位可以使em(正确答案)D、z-index的取值不能是负数答案解析：1、背景颜色background-color属性（1）设置元素的背景颜色。（2）background-color属性为元素设置一种纯色。（3）这种背景颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。（4）如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。示例:p{background-color:gray;}，p元素内背景颜色都为灰色。2、定位（1）position属性规定元素的定位类型。（2）这个属性定义建立元素布局所用的定位机制。（3）任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。（4）相对定位元素会相对于它在正常流中的默认位置偏移。3、字体大小font-size属性设置字体的尺寸。设置元素的字体大小。注释:实际上它设置的是字体中字符框的高度。4、z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释:元素可拥有负的z-index属性值。z-index仅能在定位元素上奏效（例如position:absolute;）。13.以下关于CLASS和ID的说法正确的是（）*A、class的定义方法是:.类名{样式}(正确答案)B、id的应用方法:<指定标签id="id名">(正确答案)C、class的应用方法:<指定标签class="类名">(正确答案)D、id和class只是在写法上有区别，在应用和意义上没有区别答案解析：1、HTML的ID属性和CSS的ID选择器HTML的ID属性语法:<elementid="value">①id属性规定HTML元素的唯一的id。②id在HTML文档中必须是唯一的。（2）CSS的ID选择器语法:#idname{属性:值,属性:值,……}①ID选择器前面有一个#号，也称为棋盘号或井号。②ID选择器会使用一次，而且仅一次。2、HTML的class属性和CSS的类选择器HTML的class属性语法:<elementclass="value">①规定元素的类名（classname）。②class属性大多数时候用于指向样式表中的类（class）。注释:class属性不能在以下HTML元素中使用:base,head,html,meta,param,script,style以及title。类名不能以数字开头！只有InternetExplorer支持这种做法。（2）CSS的类选择器语法:.classname{属性:值,属性:值,……}①在CSS中，类选择器以一个点号显示。②类选择器可以单独使用，也可以与其他元素结合使用。3、区别（1）与类不同，在一个HTML文档中，ID选择器会使用一次，而且仅一次。（2）不同于类选择器，ID选择器不能结合使用，因为ID属性不允许有以空格分隔的词列表。（3）ID类似于类，可以独立于元素来选择ID在应用和意义上ID选择器会使用一次，而且仅一次，而类选择器不是。14.关于position定位，下列说法错误的是。（）*A、fixed元素，可定位于相对于浏览器窗口的指定坐标，它始终是以body为依据(正确答案)B、relative元素以它原来的位置为基准偏移，在其移动后，原来的位置不再占据空间(正确答案)C、absolute的元素，如果它的父容器设置了position属性，并且position的属性值为absolute或者relative，那么就会依据父容器进行偏移D、fixed属性的元素在标准流中占位置(正确答案)答案解析：CSS的position定位absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。relative生成相对定位的元素，相对于其正常位置进行定位。static默认值，没有定位，元素出现在正常的流中。inherit规定应该从父元素继承position属性的值。选项A中应该以相对于static以外的第一个父元素进行定位;选项B中应是原来的位置仍然占据空间;选项D中fixed相对于body固定定位，原来的位置不会占用空间。15.下列关于文本样式属性，描述正确的是。（）*A、一段文字需要首行缩进两个字的距离，应设置text-indent属性(正确答案)B、可以使用text-decoration:none，为超链接去除下划线(正确答案)C、text-align属性用于设置文本的水平对齐方式(正确答案)D、text-transform属性用于设置文本的装饰答案解析：text-indent属性规定文本块中首行文本的缩进。允许使用负值。如果使用负值，那么首行会被缩进到左边。text-decoration属性规定添加到文本的修饰。text-align属性规定元素中的文本的水平对齐方式。text-transform属性控制文本的大小写。D选项text-transform属性用于控制文本的大小写，非用于设置文本的装饰。16.下列哪个样式定义后，元素可以设置宽度和高度。（）*A、display:inlineB、display:block(正确答案)C、display:noneD、display:inline-block(正确答案)答案解析：display区块属性规定元素应该生成的框的类型。值:inline行内元素默认。此元素会被显示为内联（行内）元素，元素前后没有换行符。block块级元素此元素将显示为块级元素，此元素前后会带有换行符。none隐藏元素此元素不会被显示。inline-block行内块元素行内块元素。none属性值会让此元素不会被显示，因此也就没有了宽高;inline属性值为内联（行内）元素。不支持设置宽高。17.想让元素脱离文档普通流，需要把position属性值设置成。（）*A、relativeB、absolute(正确答案)C、fixed(正确答案)D、static答案解析：position属性absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。relative生成相对定位的元素，相对于其正常位置进行定位。static默认值，没有定位，元素出现在正常的流中。inherit规定应该从父元素继承position属性的值。position:relative;设置的元素仍然占据原来的空间，不脱离文档流;position:absolute;绝对定位使元素的位置与文档流无关，所以脱离文档流;position:fixed;相对于body固定定位，脱离文档流;position:static;默认值，不脱离文档流。18.下面关于CSS的说法正确的有。（）*A、CSS可以控制网页背景图片(正确答案)B、margin属性的属性值可以是百分比(正确答案)C、整个BODY可以作为一个BOX(正确答案)D、对于中文可以使用word-spacing属性对字间距进行调整答案解析：1、背景颜色background-color属性（1）设置元素的背景颜色。（2）background-color属性为元素设置一种纯色。（3）这种背景颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。（4）如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。示例:p{background-color:gray;}，p元素内背景颜色都为灰色。2、margin属性（1）margin简写属性在一个声明中设置所有外边距属性。（2）设置元素所有外边距的宽度（3）设置四个外边距值时，为上、右、下、左外边距。（4）设置两个外边距值时，为上下、左右外边距值。（5）设置三个外边距值时，为上、左右、下外边距值。3、body元素（1）body就是个大盒子，但是很少这么做，不建议这么写，因为要设置一些属性的话，不是很方便，或是影响比较大（2）布局本来就是大盒子套小盒子word-spacing属性（1）word-spacing属性增加或减少单词间的空白（即字间隔）。（2）该属性定义元素中字之间插入多少空白符。（3）应用word-spacing属性后，中文文字之间的距离没有发生任何变化。（4）在英文文档中比较有效的隔开单词的间距，对中文则无能为力。D选项word-spacing属性在英文文档中比较有效的隔开单词的间距，对中文则无能为力。若应用letter-spacing属性，则每一个中文文字以及英文字母之间，都被隔开了所设置的距离。19.下列CSS属性值中不属于text-decoration属性的有哪些。（）*A、noneB、underlineC、double-overline(正确答案)D、hidden(正确答案)答案解析：text-decoration属性规定添加到文本的修饰。其值包含以下值:none默认。定义标准的文本。underline定义文本下的一条线。overline定义文本上的一条线。line-through定义穿过文本下的一条线。blink定义闪烁的文本。所以其属性不包括double-overline和hidden。20.以下CSS属性使用正确的是。（）*A、color:red;(正确答案)B、color:#245123(正确答案)C、color:#234kewD、color:#red答案解析：color属性规定文本的颜色。包含以下值:color_name规定颜色值为颜色名称的颜色（比如red）。hex_number规定颜色值为十六进制值的颜色（比如#ff0000）。rgb_number规定颜色值为rgb代码的颜色（比如rgb(255,0,0)）。#234kew,该十六进制值的颜色值不存在;red是个颜色名，不需要加#号。21.下列关于margin值得描述正确的是。（）*A、当margin给一个值时，指的是四个方向(正确答案)B、当margin有两个值时，指的是左右、上下C、当margin有三个值时，指的是上、左右、下(正确答案)D、当margin有四个值时，指的是上、下、左、右答案解析：（1）如果margin只有一个值，表示上右下左的margin同为这个值。例如:margin:10px;就等于margin:10px10px10px10px;（2）如果margin只有两个值，第一个值表示上下margin值，第二个值为左右margin的值。例如:margin:10px20px;就等于margin:10px20px10px20px;（3）如果margin有三个值，第一个值表示上margin值，第二个值表示左右margin的值，第三个值表示下margin的值。例如:margin:10px20px30px;就等于margin:10px20px30px20px;（4）如果margin有四个值，那这四个值分别对应上右下左这四个margin值。例如:margin:10px20px30px40px。22.能够选中下列div标签的CSS选择器有<divclass="test"></div>（）*A、标签选择器(正确答案)B、类选择器(正确答案)C、ID选择器D、属性选择器(正确答案)23.下列CSS代码使用正确的有（）*A、width:10px;(正确答案)B、height:20px;(正确答案)C、color:423erf;D、width:half;24.下列关于CSS中padding值的描述正确的是（）*A、当padding给一个值时，指的上B、当padding有两个值时，指的是左右、上下C、当padding有三个值时，指的是上、左右、下(正确答案)D、当padding有四个值时，指的是上、右、下、左(正确答案)25.以下CSS属性值表示黑色的有（）*A、color:black;(正确答案)B、color:#000;(正确答案)C、color:#00000;(正确答案)D、color:#black;26.下列关于CSS中浮动float的说法错误的是（）*A、永远只能向右浮动(正确答案)B、浮动会产生块级框，而不管元素本身是什么C、永远只能向左浮动(正确答案)D、不可以通过伪类清除浮动(正确答案)27.下列CSS属性值中属于width属性的是（）*A、auto(正确答案)B、10px(正确答案)C、50%(正确答案)D、inherit(正确答案)1.CSS选择器的优先级是!important>标签选择器>id>class。[判断题]*对错(正确答案)答案解析：CSS选择器优先级1、在属性后面使用!important会覆盖页面内任何位置定义的元素样式。2、总结排序:!important>行内样式>ID选择器>类选择器>标签选择器>通配符选择器>浏览器自定义或继承继承>浏览器默认属性3、但是内部样式>外部样式有一个前提:内部样式的CSS样式的位置一定在外部样式的后面。4、综上所述，就是就近原则（即离被设置元素越近优先级别越高）。!important优先级最高问题不大，但其他选择器则遵循就近原则（即离被设置元素越近优先级别越高）2.如果想为元素设置相对定位，需要设置position:absolute。[判断题]*对错(正确答案)答案解析：absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。relative生成相对定位的元素，相对于其正常位置进行定位。static默认值，没有定位，元素出现在正常的流中。inherit规定应该从父元素继承position属性的值。position:relative为设置相对定位，