2017-07-09 |

你能解释一下CSS的盒子模型么?

A
B
C
D
答案:
解释:
CSS和模型是围绕在HTML元素周围的定义Border(边界),padding(内边距)和margin(外边距)的矩形空间
Border(边界):定义了元素包含的最大区域,我们能够使边界可见,不可见,定义高度和宽度等;
Padding(内边距):定义了边界和内部元素的间距
Margin:定义了边界和任何相邻元素的间距

例如以下是简单的CSS代码定义了盒子的边界,内边距和外边距值
.box {
    width: 200px;
    border: 10px solid #99c;
    padding: 20px;
    margin: 50px;
}
现在如果我们应用了以上的CSS到一个如下显示的DIV标签,你输出将会和下面图形中显示的那样。我已经创建两个测试“Some text”和“Some other text”,因此我们能看到多少margin(外边距)的属性功能
<div align="middle" class="box">
Some text
</div>
Some other text

html5面试题
it面试经验

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论