span{width:100px;height:20px;line-height:20px;}最终span的总宽是100px()
否
否
.box span{
display:inline-block;
width:100px;
height:100px;
border:1px solid red;
}
同时,编写有结构代码如下:
......
<div class="box">
<span>1</span>
<span>2</span>
</div>
......
那么页面中的两个span显示效果说法有误的是 ( )。
A.两个span将在不同行显示
B.两个span都具有高宽分别为100px
C.两个span都具有红色边框
D.两个span在一行显示
A.#box{width:100px;height:50px;}
B.#box{width:100px;height:50px;position:absolute;}
C.#box{width:100px;height:50px; position:static;}
D.#box{width:100px;height:50px; position:relative;}
A.'100px'
B.100
C.空
.box{
width:200px;
height:100px;
border:10px solid red;
}
.box p{
width:100px;
height:100px
padding-top:50%;
background-color:green;
}
同时具有如下html代码:
......
<div class="box">
<p>段落内容<p>
</div>
......
请计算p标签在页面中真实占据高度为多少?( )
A.200px
B.120px
C.150px
D.220px
A.transform:translateX(-100px)会使元素向左移动
B.transform:translateX(-100px)会使元素向右移动
C.transform:translateY(-100px)会使元素向上移动
D.transform:translateY(-100px)会使元素向下移动