baihongyu.com
博客
关于我
强烈建议你试试无所不能的chatGPT，快点击我
CSS盒子模型
阅读量：
5925 次
发布时间：
2019-06-19
本文共 474 字，大约阅读时间需要 1 分钟。
（1）css盒子模型
margin 边距 用来设置一个元素所占空间的边缘到相邻元素之间的距离。
border 边框 用来设定一个元素的边线
padding 间隙 (也有人称做补丁) 用来设置元素内容到边框的距离
content (内容，比如文本，图片等)
注意：css的背景属性指的是content和padding，css属性中的width和height指的是content的宽和高。
(2)计算盒子宽和高
盒子的总长度：
左padding +左 border + 左margin+ width +右padding +右 border + 右margin
盒子的总宽度：
上padding +上border + 上margin+ height +下padding + 下border + 下margin
（3）对于margin和padding都有top，left，right，bottom属性，中间用-连接
本文转自 韬光星夜 51CTO博客，原文链接：http://blog.51cto.com/xfqxj/477068，如需转载请自行联系原作者
你可能感兴趣的文章
$resource in AngularJS
查看>>
java虚拟机学习笔记 【1】
查看>>
DUBBO笔记
查看>>
nginx php上传大文件的设置(php-fpm)
查看>>
MySQL 运行状态监控方法
查看>>
vs2008中在解决方案资源管理器查看当前打开文件
查看>>
ubuntu14.04 鼠标闪烁问题
查看>>
jQuery Lightbox（balupton版）图片展示插件demo
查看>>
Elasticsearch集群的简单搭建
查看>>
SCRT-SSH传输文件
查看>>
Python非常cool的svg格式chart生成库pygal
查看>>
Telnet部署与启动 windows&&linux
查看>>
行列式的乘法定理
查看>>
有1000瓶水，3个瓶子可以再换1瓶，一共可以喝多少瓶？
查看>>
Search in Rotated Sorted Array ||
查看>>
NUC_HomeWork1 -- POJ2067(最短路)
查看>>
卸载mysql
查看>>
二叉树的遍历
查看>>
The Distinguish of the share or static lib in MFC
查看>>
linux下内存释放问题
查看>>