欢迎来到计算机相关教程网!

CSS

当前位置: 主页 > 网页制作 > CSS

css盒子模型详解

时间:2023-05-05 22:23:55|栏目:CSS|点击:

盒子:把所有的网页元素都看成一个盒子,它具有: content,padding,border,margin 四个属性,这就是盒子模型。


W3C模型中:

CSS中的宽(width)=内容(content)的宽

CSS中的高(height)=内容(content)的高;


content(内容):包含内容的宽高大小;(width/height决定)

padding(内边距/填充):透明部分,在盒子周围(left/top/right/bottom决定)

border(边框大小):内边框和内容之间(left/top/right/bottom决定)

margin(外边距):边框外区域,透明部分(left/top/right/bottom决定)




值为auto时,为方向距离自适应,即默认值。



上一篇:flex布局中,align-content和align-items居中的区别

栏    目:CSS

下一篇:flex布局

本文标题:css盒子模型详解

本文地址:http://www.wangzhanteacher.com/index.php?m=home&c=View&a=index&aid=259

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:8044517 | 邮箱:8044517@qq.com

Copyright © 2022-2025 计算机相关教程网 版权所有冀ICP备17010187号