以图搜图
X
提示:扫描拍照图截取关键部位识图,更精准。
(仅支持jpg、png、bmp图片,最大2M)
当前位置:首页 > 百科 > 盒子模型的四个组成部分(在css中一个独立的盒子有哪几部分组成)

盒子模型的四个组成部分(在css中一个独立的盒子有哪几部分组成)

2020-02-16 16:55:07
什么是css的盒子模型

就是把周围的内容全部封装到一个盒子啊!

最大案例就是bootstrap 框架了

举例里面的例子 

.container {
    padding-right: 15px;
    padding-left: 15px;}
    
.row {
    margin-right: -15px;
    margin-left: -15px;
    position: relative;
}


外面就是形成类似一个生活用的盒子!把周围边距间距边框全部封起来形成一个盒子
里面内容再怎么蹦跶 也还是在里面


盒子模型有哪四要素
它有:外边距(margin)、边框(border)、内边距(padding)、内容(content)四个属性;
其中:margin-right,maring-left,margin-top,margin-bottom
padding-right,padding-left,padding-top,padding-bottom

Z21-0107现代儿童房摆件帐篷Z21-0107现代儿童房摆件帐篷


什么是盒子模型?
在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。
评论区(0)
友情提示:请文明评论、尊重他(她)人,垃圾评论一律封号!
邮箱
昵称
密码
确认密码
阅读并接受《用户协议》
使用其他方式登录
微信登陆