学习记录———盒模型

姚树娟9 2023-04-24 09:31:28

盒模型

2.HTML相关知识回顾

图像链接

...全文

479 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

以下图片及资料选自： CSS3 Box-sizing属性以及解决兼容性的一些做法 CSS inline-block、BFC以及外边距合并外边距合并——MDN 盒模型的分类： 盒模型粗略地分为IE盒模型和W3C标准盒模型 IE 盒模型(IE6及以下的表现)：这个盒模型同标准要求的不同，由IE创造出来的一个标准外的东西。在IE环境下：一个元素的宽度大小计算式： content+padding...

一个盒模型由以下几个内容组成： 1：margin ：外边距，与其他元素的间隔 2：boder :边框，当前div的“边界” 3：padding：实际内容“content”与boder之间的距离 4：content: 盒模型中的实际内容区域，上图中的浅蓝色区域。一般在定义一个元素的宽度和高度时，如果不进行特殊的指定，该高度和宽度的设置都是作用在content层上，上图的css式样...

由于有很多知识非常符合直觉或者和其他语言有通用性，因此个人觉得不需要全部记下来，本篇只记录一些个人觉得需要注意或单独记忆的知识点完整的 CSS 盒模型应用于块级盒子内联盒子只使用盒模型中定义的部分内容。模型定义了盒的每个部分 ———— 合在一起就可以创建我们在页面上看到的内容。为了增加一些额外的复杂性，有一个标准的和替代（IE）的盒模型只记录了 CSS 的部分内容。

css学习记录五：盒模型一、什么是盒子模型二、盒模型组成三、边框（border）四、内边距（padding）五、外边距五、一些常见问题1.外边距合并2.相邻块元素垂直外边距的合并3.嵌套块元素垂直外边距的塌陷一、什么是盒子模型所谓盒子模型：就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。二、盒模型组成 CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、和实际内容三、边框（border） border可以设置元素的边框。边

css学习记录十二:盒模型固定大小(CSS3新特性一、盒子模型一、盒子模型 CSS3 中可以通过 box-sizing 来指定盒模型，有2个值：即可指定为 content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况： box-sizing: content-box 盒子大小为 width + padding + border （以前默认的） box-sizing: border-box 盒子大小为 width 如果盒子模型我们改为了box-sizing: b

信息工程学院105工作室

50

社区成员

351

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章