当设置某个盒子的样式代码如下:.box {box-sizing:border-box;width:300px;height:300px;border:1px solid red;padding:5px;}该盒子真实的宽度是多少?( )
A.310px
B.312px
C.306px
D.300px
A.310px
B.312px
C.306px
D.300px
.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在一行显示
.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.编辑框显示为66,单元格显示为66%
B.编辑框显示为0.66,单元格显示为66%
C.编辑框显示为66%,单元格显示为66.00%
D.编辑框显示为6600,单元格显示为6600.00%
......
<body>
<divclass="box">
<p>段落文本1</p>
<p>段落文本2</p>
<p>段落文本3</p>
</div>
</body>
......
下列哪些选择器可以设置box里的所有p标签字体颜色为红色()?
A..boxp{color:inherit;}
B..boxp{color:inherit;}
C..box>p{color:inherit;}
D.p{color:inherit;}
A.margin:0auto
B.text-align:center
C.line-height:50px
D.display:inline-block