下列对于opacity属性描述正确的是:（ ）。
A. 值是1~100之间的任意一个整数
B. 数值越大，越不透明；数值越小，越透明。
C. opacity可用于将整个元素的所有属性及其子内容全部设置透明度。
D. 值是0~
答案是：BCD
默认可在一行中水平排列的元素有:（ ）。
A. 行内元素 B.块元素 C.行内块元素 D. 标题元素
答案是：AC
清除浮动对父元素影响的方案有：（ ）。
A. 给父元素设置固定的高度；
B. 设置父元素的float属性为hidden或auto；
C. 设置父元素也浮动；
D. 在父元素内的结尾追加一个空子元素（块级元素），并设置空子元素清除浮
答案是：ACD
以下关于clear属性描述正确的是：（ ）。
A.该属性值可以是: left，用于清除当前元素前面元素的任意浮动带来的影响；
B．该属性值可以是: left，用于清除当前元素前面元素的左浮动带来的影响；
C．该属性值可以是: ri
答案是：BD
以下描述正确的是:（ ）。
A. 设置浮动定位属性的元素会脱离普通文档流，不占用普通文档流中的页面空间。
B. 文档的普通流中的其他块，会上移填补浮动元素留下的空白位置。
C. 元素浮动定位是相对于元素在普通文档流中的原位置设置位
答案是：AB
32.文档类型声明: 说明当前网页使用的是（）标准。
A． HTML4.1 B. XHTML1.0 C. XHTML2.0 D. HTML5
答案是：D
31.下列不属于align-self属性值的是:（ ）。
A.flex-start B. flex-end C. flex-center D. baseline
答案是：C
30.实现每个项目两端间距相同可设置以下哪个属性:（ ）。
A． justify-content: space-around
B. flex-wrap: wrap
C. flex-direction: space-aroun
答案是：A
29.设置项目在主轴上的对齐方式，可设置以下哪个属性:（ ）
A. flex-direction B. justify-content C. flex-flow D. flex-wrap
答案是：B
28.下列代码可以定义flex容器x为主轴，从左向右排列，且如果放不下就换行继续从左向右排列的是:（ ）。
A．flex: row wrap B. flex: wrap row
C. flex-flow: row
答案是：C
27.如果主轴放不下所有项目时，可设置flex-wrap属性值为（ ）来实现换行显示，但不改变主轴方向
A. nowrap B. wrap-reverse C. reverse D. wrap
答案是：D
26.下列对于flex-direction属性值描述正确的是:（ ）
A．值为row表示主轴x轴，起点在容器中心点
B. 值为row-reverse表示主轴x轴，起点在右端
C. 值为column表示主轴y轴，起点在底端
D
答案是：B
25.防止外边距溢出最好的方法是:（ ）
A.父元素::before{ content:””; display:table; }
B. 父元素::before{ content:””; display:”table”}
C. 父元素:
答案是：A
24.下列在p元素开头添加“>>”符号的代码正确的是:（ ）
A．p::before{container: “>>”} B. p::before{ container: >>}
C. p::before{content: >>}
答案是：D
23.以下描述错误的是:（ ）
A.::before，用于匹配某元素内容区域之前的位置
B.:after，用于匹配某元素内容区域结尾的位置
C. after，用于匹配某元素内容区域结尾的位置
D. :before，用于匹配某元素
答案是：D
22.希望单击一个a元素，控制另一个元素的样式变化，可使用以下哪种选择器:（ ）
A.:hover B. :target C. :active D. :link
答案是：B
21.选择title属性不等于”test”的div元素，下列选择器正确的是:（ ）
A.div:not([title=test]) B. div[title!=test] C. div[title*=test] D. div[tit
答案是：A
20.选择包含title属性且title属性值中包含“es”的div元素，下列选择器正确的是（ ）
A.div[title=es] B. div[title*=es] C. div[title^=es] D. div[title$=
答案是：B
19.三个相邻元素: ，希望选中元素后的元素，下列选择器正确的是（ ）
A.b,i{} B. b+i{} C. b~i{} D. b>i{}
答案是：C
18.下列关于位移属性描述正确的是:（ ）
A．left:-20px 是让元素基于当前位置向左移动20px
B．left: 20px 是让元素基于当前位置向左移动20px
C．left: -20px 是让元素基于浏览器边框，向左移动2
答案是：A
17.以下关于元素定位描述错误的是：（ ）
A.绝对定位的元素相对于离它最近的已定位的祖先元素实现定位。
B.如果当前元素的各级父元素中没有已定位的祖先元素，那么元素就相对于body定位。
C.通常在设置绝对定位前，都要先找到要参照的
答案是：D
16.希望能自由修改元素的位置，但又不希望默认文档流中原始位置被释放，应选择（ ）
A.position:absolute B. position:relative C. position:fixed D. position:sta
答案是：B
15.将列表项标识改为图片的属性是:（ ）
A.list-style-type B. list-image C. list-style-image D. list-type
答案是：C
14.以下不属于list-style-type属性值的是:（ ）
A.none B. circle C. disc D. sqrt
答案是：D
13.下列清除列表项标志的属性设置正确的是（ ）
A.list-type:none B. list-style-type:none C. list-type-style: none D. list:none
答案是：B
12.以下不能实现隐藏元素的是:（ ）
overflow: hidden B. opacity:0 C. display:none D. visibility:hidden
答案是：A
11.下列关于vertical-align属性描述正确的是:（ ）
A.可设置表格元素的内容在水平方向上的对齐方式
B.可设置img元素左右两侧的文本在垂直方向的对齐方式
C.可设置img元素在其父元素内水平方向的对齐方式
D.可设
答案是：B
10.下列选项中，可让元素独占一行的属性为（ ）
A.display:none B. display: inline-block C. display: inline D. display:block
答案是：D
9.一下不属于clear属性值的是:（ ）
A.left B. right C. both D. none
答案是：D
8.元素一旦浮动后，都会变为：（ ）
A.行内元素 B.块元素 C. 行内块元素 D.浮动元素
答案是：B
7.如果包含框太窄，无法容纳水平排列的3个浮动元素，那么最后放不下的块会：（ ）
A.被挤压到下一行 B.默认隐藏 C.横向溢出 D.始终换行到下一行的开头
答案是：A
6.下列设置鼠标悬停时光标变为手指的属性是（ ）。
A.cursor: move B. cursor: wait C. cursor: text D. cursor: pointer
答案是：D
5.下列选项中，可让图片左右文字与图片垂直居中对齐的css属性是（ ）。
A.text-align:center B. vertical-align:middle
C. text-valign:center D. vertical-
答案是：B
4.清除前面元素浮动对当前元素的影响，可设置（ ）属性。
A.display: clear B. clear: both C. float: both D. both: clear
答案是：B
3.以下不属于float属性值的是：（ ）
A.left B. right C. none D. center
答案是：D
2.CSS提供了（ ）属性用于设置元素浮动定位：
A.overflow B. float C. floor D. fixed
答案是：B
1.先后顺序定义三个div: div1,div2,div3。div2向左浮动，div1和div3向右浮动，结果从左向右三个div的顺序依次是（ ）。
A.d1 d2 d3 B. d2 d1 d3 C. d2 d3 d1 D.
答案是：C
order属性，用于定义项目的排列顺序。其值为整数数字，无须单位。
答案是：对
弹性布局中，项目的flex-order属性用于定义项目的排列顺序
答案是：错
默认情况下，如果主轴放不下所有项目时，项目会超出容器横向溢出。
答案是：错
使用弹性布局，要先使父容器变为flex容器——display:flex或display:inline-flex。
答案是：对
元素可设置的属性，伪元素也可设置。元素具有的特征，伪元素也同样具备
答案是：对
div:not([title=test])也会匹配那些不包含title属性的div元素。
答案是：对
:target用于匹配当前点击的a元素。
答案是：错
input+span 只能匹配一个元素
答案是：错
:first-child元素只能匹配一个元素。
答案是：错
未使用定位属性的元素不能使用z-index元素
答案是：对
修改父元素的z-index属性值>子元素的z-index属性值可让父元素盖住子元素
答案是：错
相对定位的元素，虽然位置偏离了原位置，但默认文档流中的原位置不释放
答案是：对
绝对定位的元素默认总是相对于其所在直接父级元素左上角定位
答案是：错
相对定位是让元素相对于它在默认文档流中的原始位置偏移一段距离，经常用于对元素位置做微调时使用
答案是：对
relative（相对定位）可让元素脱离默认文档流，相对于其所在父元素左上角自由定位
答案是：错
list-style:none和list-style-type:none均可清除列表项标识
答案是：对
修改列表项标识为图片，可使用: list-image:url(图片路径)属性
答案是：错
pointer属性可设置鼠标的光标。当鼠标悬停在元素上时，可改变鼠标光标的显示样式
答案是：错
rgba只作用于某个属性，如背景颜色等
答案是：对
visibility:hidden不让元素脱离文档流，虽然看不见，但依然占用空间
答案是：对
dispaly:none 不会让元素脱离文档流，虽然看不见，但依然占用空间
答案是：错
用opacity设置透明度，仅影响所在元素，不影响子元素
答案是：错
如内部浮动元素，高于外部容器元素，则内部浮动元素超出外部元素范围的部分自动隐藏
答案是：错
元素一旦浮动后，都会变为行内块级元素，也允许修改大小尺寸。
答案是：错
如果包含框太窄，无法容纳水平排列的3个浮动元素，那么最后放不下的块会被挤压到下一行，并始终浮动到下一行的开头
答案是：错
元素一旦设置浮动定位属性，就脱离普通文档流定位方式，不占用普通文档流中的页面空间
答案是：对
即使行内元素浮动后，也允许修改width和height属性
答案是：对
即使行内元素浮动后，也允许修改width和height属性。
答案是：对
因为每个元素都拥有自己的空间，所以一个元素不可能盖住另一个元素。
答案是：错
行内元素默认按照从左往右的方式排列，而行内块（inline-block）默认从上到下排列
答案是：错
行内块元素默认都是从上到下排列的，且每个行内块元素独占一行
答案是：错
块级元素默认都是从上到下排列的，且每个块元素独占一行。
答案是：对
1.请为选择器①⑤选择右侧最合适的解释，将配对好的ae填写到括号中。
① ul>li.active a ul元素下的所有后代li的直接子元素中class为active的元素
② ul li.active b ul元素下的直接子元素中
答案是：bcaed
上外边距溢出，有以下几种预防方法：（ ）。
A.为父元素增加上边框
B. 为父元素设置上内边距；
C. 在父元素的第一个子元素位置处，增加空
标记。
D. 设置父元素的overflow:hidde
答案是：ABCD
仅显示元素的左边框，以下css属性正确的是:（ ）。
A. border-left-style: 2px
B. border-left-style: solid
C. border-left: 2px
D. border-l
答案是：BD
以下可以隐藏内容溢出部分的overflow属性的值是：（ ）。
A. hidden B. visible C. scroll D. auto
答案是：ACD
以下关于内容溢出说法正确的是: （ ）。
A. 如果内容是文字，默认就是横向溢出
B. 如果内容是文字，默认就是纵向溢出
C．如果内容是图片，则默认纵向和横向都会溢出
D．如果内容是图片，则默认不会溢出
答案是：BC
一个元素上下内边距都是20px，左右内边距都是10px，下列定义正确的是：（ ）。
A. padding: 20px 10px 20px 10px B. padding: 10px 20px 10px
C. paddi
答案是：AC
2.以下关于选择器的权重描述正确的是:（ ）。
A.类选择器的权重等于伪类选择器的权重
B.元素选择器的权重大于伪类选择器的权重
C.伪类选择器的权重小于ID选择器的权重
D.伪类选择器的权重小于其它所有选择器的权重
答案是：AC
1.一个元素可同时被多个样式类修饰，以下写法正确的是:（ ）。
A.
B.
C.
答案是：BD
26.普通元素设置文本垂直居中的属性正确的是（ ）。
A.text-valign:center B. text-align:center
C. line-height: 元素高 D. line-height: 元素高的一半
答案是：C
25.以下设置字体为斜体正确的是（ ）
A.font-style: italic B. font-family:italic C. text-decoration: italic D. text-indent:italic
答案是：A
24.以下设置字体加粗属性正确的是（ ）。
A.font-size: bold B. font-weight:bold C. font-style:bold D. font-family:bold
答案是：B
23.设置背景图片相对于所在元素向上移动10 px，向左移动20 px，以下设置正确的是（ ）。
A. background-position: 20px 10px B. background-position: -20px -
答案是：B
22.下列定义背景图片属性正确的是（ ）。
A. background-image: img/logo.png B. background-image: url(“img/logo.png”)
C. background-im
答案是：D
21.框模型规定，每个元素由内向外由4个部分组成：（ ）。
A. 内容，边框, 内边距,间距
B. 内容, 内边距,边框,间距
C. 内边距, 内容, 间距,边框
D. 内边距, 内容, 边框, 间距
答案是：B
20.仅设置左上角为圆角的css代码正确的是:（ ）。
A． border-top-left-radius:5px;
B. border-left-top-radius: 5px;
C. border-radius-left-
答案是：A
19.仅设置左上角和左下角为圆角的css代码如下正确的是:（ ）。
A. border-radius:5px 5px 0 0
B. border-radius:5px 0 0 5px
C. border-radius: 0 5
答案是：B
18.一个元素上、下外边距都是10 px，左、右外边距都是20 px，下列定义正确的是（ ）。
A.margin: 10px 10px 20px 20px B. margin: 20px 10px 20px
C. ma
答案是：C
17.清除文本框的轮廓可使用（ ）。
A.border: 0; B. border: none; C. outline:0; D. border-radius:0
答案是：C
16.border属性定义正确的是（ ）。
A. border: 1px solid red B. border: solid 1px red
C. border: 1px red solid D. border:red 1p
答案是：A
15.下列表示颜色值错误的是（ ）。
A.#fff B. #e4393c C. rgb(25, 128, 128) D. rgb: 25 128 128
答案是：D
14.下列关于相对长度单位描述正确的是:（ ）。
A. em总是相对于body元素的属性值计算倍数
B.em总是相对于所在父元素的属性值计算倍数
C.rem总是相对于所在父元素的属性值计算倍数
D.rem总是相对于当前元素上的另一个
答案是：B
13.以下单位属于相对长度单位的是（ ）。
A. em B. pt C. cm D. in
答案是：A
（ ）可将当前样式声明的优先级提升为最高。
A. @important B. ?import C. !important D. @import
答案是：C
11.一个元素的内联样式中定义color:red, 内部样式表中定义了color:green, 外部样式表中定义了color: yellow。最终字体颜色为（ ）。
A． red B. green C. yellow D. 无法确定
答案是：A
10.鼠标悬停在a元素上时，字体变为红色，正确的CSS定义是（ ）。
A.a.hover{ color: red } B. a:hover{ font-color: red }
C. a:active{ color: red }
答案是：B
9.选择class为active的a元素，下列选择器正确的是（ ）。
A. a+.active B. a.active C. a .active D a>.actives
答案是：B
8.选择ul元素下所有直接子元素li的选择器是（ ）。
A.ul>liB. ul li C. ul,li D. ul~li
答案是：A
7.选择ul元素下所有后代li（既包含直接子元素，又包含更深层后代元素）的选择器是（ ）。
A.ul>li B. ul li C. ul,li D. ul~li
答案是：B
6.所有p元素和div元素字体大小均为12px，以下写法正确的是:（ ）。
A.p+div{ font-size:12px }
B.p~div{ font-size:12px }
C.p,div{ font-size:12px }
答案是：C
5.一下定义id选择器正确的是:（ ）。
A.#id{} B. .id{} C. @id{} D. !id{}
答案是：A
4.网页中引入外部样式表的代码正确的是（ ）。
A.