Web前端开发 项目九 CSS 3修饰表格表单 知识巩固习题及答案.docxVIP

9.6知识巩固

一、单选题

1.以下不属于background-clip值的是（D）

A.border-boxB.padding-boxC.content-boxD.none

2.以下能生效的样式选项是（C）

style

p{

color:yellow;

}

.classB{

color:red;

}

.classA{

color:blue;

}

/style

pclass=classBclassA123/p

A.yellowB.redC.blueD.black

3.设置主轴方向的弹性盒子元素的对齐方式可以使用（B）属性实现

A.align-contentB.justify-contentC.align-selfD.align-items

4.以下这段代码的作用是（A）

@mediascreenand(min-width:960px)and(max-width:1200px){

body{

background:yellow;

}

}

A.是当宽度大于960px小于1200px的时候body的背景色为yellow

B.是当宽度大于960px的时候body的背景色为yellow

C.以上写法都不正确

D.是当宽度小于1200px的时候body的背景色为yellow

5.divclass=icon\/div实现向右的红色三角形，样式实现正确的是（A）

A..icon{width:0;height:0;overflow:hidden;border:5pxsolidtransparent;border-left-color:#f00;}

B..icon{width:0;height:0;overflow:hidden;border:5pxsolid#f00;border-left-color:transparent;}

C..icon{width:0;height:0;overflow:hidden;border:5pxsolidtransparent;border-right-color:#f00;}

D..icon{width:0;height:0;overflow:hidden;border:5pxsolid#f00border-right-color:transparent;}

6.在css3中，用来定义过渡动画的属性是（C）

A.transformB.keyframesC.transitionD.@font-face

7.在css3中，用来定义过渡动画的属性是（A）

A.在需要写0.5的时候可以省略0，直接写.5B.margin后必须跟4个值

C.z-index在任何情况下都可以使用D.以上说法都不正确

二、多选题

1.background-origin的值有哪些（BCD）

A.noneB.border-boxC.content-boxD.padding-box

2.divspan{margin-left:10px;}通过以下哪些语句可以将第一个span元素的margin取消（AC）

A.divspan:first-child{margin:0}B.divspan:nth-child(0){margin:0;}

C.divspan:nth-child(1){margin:0}D.divspan{margin:0}

3.以下哪些属性属于弹性盒子的（AB）

A.flex-shrinkB.flex-growC.borderD.margin

4.哪些是动画效果？（AB）

A.transitionB.animationC.staticD.relative

5.以下哪些元素属于块元素（BCD）

A.aB.navC.headerD.ul

6.#wrap{width:600px;height:200px;background:#ccc;position:absolute;}实现wrap在浏览器中水平和垂直都居中，需要设置的样式有（BC）

A.margin-left:-300px;margin-top:-100px;B.left:300px;top:100px;

C.left:50%;top:50%;D.margin-left:-300px;margin-top:100px;