<html>
<style>
body{
background-color: gray;
}
div{
color: blue;
width: 100px;
background-color: pink;
border: 10px solid;
padding: 20px;
}
</style>
<body>
<div></div>
</body>
</html>
微信图片_20201008171116.png
1、因为height为0 ，所以盒子大小为0
2、padding的颜色为pink，继承background;
3、border的颜色为blue，继承color
4、看得见，因为有padding和border。需要注意的是如果border没有border-style的话，border不管宽度设置多少都无效。
1、整个盒子的大小 2、padding的颜色 3、border的颜色 4、height为0了，看得见盒子吗？ 1、...
了解盒子模型 盒子模型的概念不在此讲述，可以百度谷歌了解一下。 了解标准模型content-box 它的最大特点是...
css盒子模型分为标准盒子模型和ie盒子模型，分别对应box-sizing: content-box | bord...
标准盒子模型 box-sizing: content-box 怪异（IE）盒子模型（推荐） box-sizin...
box-sizing 用来指定盒模型，有两个值，content-box和border-box，影响盒子大小的计算方...
盒子模型是描述html元素在文档布局上、空间占据情况的一种模型。 盒子模型的核心是：元素实体大小、内填充大小、边框...
1、有两种盒子模型：IE盒子模型（border-box）和W3C标准盒模型（content-box）。 盒模型组成...
盒子模型 标准盒模型box-sizing: content-box，width是content的宽度。width固...
css盒子模型 css和模型有两种，第一种是标准盒子模型（content-box），另一种是怪异盒子模型（IE,b...
手动设置盒子模型 css3属性 box-sizing box-sizing:content-box是W3C盒子模型...
本文标题：描述一下下面盒子的大小，颜色什么的（content-box模型）
本文链接：https://www.haomeiwen.com/subject/epjhpktx.html
网友评论