css盒子模型概念
2024-08-31 10:24:00
CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：
图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是边框（border），然后最外层是外边距（margin），整个构成了框模型。通常我们设置的背景显示区域，就是内容、内边距、边框这一块范围。而外边距margin是透明的，不会遮挡周边的其他元素。
那么，元素框的总宽度 = 元素（element）的width + padding的左边距和右边距的值 + margin的左边距和右边距的值 + border的左右宽度；
元素框的总高度 = 元素（element）的height + padding的上下边距的值 + margin的上下边距的值 ＋ border的上下宽度。
盒子模型=context+padding+border+margin.
2018-03-21 00:52:50
最新文章
- 【CCCC天梯赛决赛】
- [bzoj 2005][NOI 2010]能量采集（容斥原理+递推）
- NOIP2013，复赛及同步赛，报名及比赛，专题页面
- Ubuntu 安装vsftp软件(已测试)
- NAMESPACE_ERR: An attempt is made to create or change an object in a way which is incorrect with regard to namespaces.
- 高质量、处于持续更新的R包
- java路径中的空格问题(转)
- (转)iOS7界面设计规范(11) - UI基础 - 图标与图形
- 建立一个ROS msg and srv
- as3文本框的动态拖拽和编辑
- MPC8313ERDB不新鲜pkg包裹，把文件放进Ramdisk
- C# 特性参数（注解属性加在参数前面）
- Redis出现多线程调用时抛出 [B cannot be cast to java.lang.Long] 异常
- Java基础之枚举妙用
- tcp/ip协议详解
- day10-内置模块学习（一）
- 一、自动化平台搭建-python虚拟环境安装
- rematch：当你受不了redux繁琐写法的时候，是时候了解一波rematch了
- ACM-ICPC 2015 BeiJing
- artDialog学习之旅(一)