HTML+CSS测试题

下列哪些是HTML中行内标签元素（  ABCEF    ）？（多选、本题2分）

A、a    B、span    C、i   D、ul    E、input    F、img

<iframe>内联框架使用正确的是（ A ）？（本题1分）
A、<iframe src=”网址”>    B、<iframe href=”网址”>
C、<iframe link=”网址”>    D、<iframe rel=”网址”>

下列CSS选择器正确的是（   D   ）？（本题1分）

A、.body .5    B、.about body    C、title a    D、.about .body

下列哪些属于CSS中的哪些代表绿色（  BCD   ）？（多选、本题2分）

A、#green    B、rgb(0,255,0)    C、rgba(0,255,0,1)    D、green

文本尺寸12px，下列哪些可以实现2倍行高（ ABCD ）？（多选、本题2分）

A、line-height：2rem    B、line-height：24px

C、line-height：2    D、line-height：200%；

下列关于圆角边框正确描述的是（  A ）？（本题1分）

A、border-radius    B、border-radios    C、border-circle    D、border-ratio

关于圆角单独控制左下角描述正确的是（  A  ）？（本题1分）

A border-bottom-left    B、border-left-bottom

阴影box-shadow:0 0 10px red; 其中10px表示（  C  ）？（本题1分）

A、投影向右10px    B、投影向左10px    C、投影大小10px    D、投影向下10px

opacity表示透明度，被设置了此属性的盒子内的文字也会有透明度吗？（ A  ）（本题1分）

A、有透明度    B、没有透明度

如何产生带有正方形项目的列表？（  D ）（本题1分）
A、list-type: square    B、type: 2
C、type: square    D、list-style-type: square

根据下面代码，.subbox盒子距.box盒子顶部距离多大？（  C  ）（本题2分）

.box{ float: left; width: 300px; height: 200px; }

.subbox { margin-top:50%;}

<div class=”box”>

<div class=”subbox”></div>

</div>

A、50px    B、100px    C、150px    D、200px

盒子使用visibility设置hidden后还保留位置吗（ A ）？（本题1分）
A、保留位置    B、不保留位置

下列哪些样式值可以移动元素本身位置（  ACD ）？（多选、本题2分）

A、margin-left    B、padding-left    C、left    D、translateX

Flex布局中哪个是定义垂直居中（ A  ）？（本题1分）

A、align-items    B、align-content    C、justify-content    D、flex-direction

根据下列代码.about的高是多少(  B  )? （本题2分）

.about { maring: 0 auto; }

.about-img { float: left; height: 200px; }
.about-text { height: 100px; }

<div class=”about”>

<div class=”about-img”></div>
    <div class=”about-text”></div>

</div>

A、0    B、100px    C、200px    D、300px;

哪些是表示控制奇数数行的样式（ ABC  ）？（多选、本题2分）
A、ul li:nth-child(2n+1);

B ul li:nth-of-type(2n-1);

C、ul li:nth-of-type(2n+1);

 D、ul li:nth-child(2x+1);