CSS盒子模式(Box Model)
来源:互联网 发布:linux安装拼音输入法 编辑:程序博客网 时间:2024/04/29 18:01
CSS 中有个重要的概念,就是盒子模式 (Box model)。
胡戈的"一个馒头引发的血案"中有个圆圈套圆圈娱乐城,而这个盒子模式套用这句话来说,就是方块套方块。
先看看下面这个图,黑框包围的一个方块,就是一个盒子 (Box)。
盒子里由外至里依次是:
• margin 边距
• border 边框
• padding 间隙 (也有人称做补丁)
• content (内容,比如文本,图片等)
CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
CSS 边框属性 (border) 用来设定一个元素的边线。
CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。
CSS 背景属性指的是 content 和 padding 区域。
CSS 属性中的 width 和 height 指的是 content 区域的宽和高。
胡戈的"一个馒头引发的血案"中有个圆圈套圆圈娱乐城,而这个盒子模式套用这句话来说,就是方块套方块。
先看看下面这个图,黑框包围的一个方块,就是一个盒子 (Box)。
盒子里由外至里依次是:
• margin 边距
• border 边框
• padding 间隙 (也有人称做补丁)
• content (内容,比如文本,图片等)
CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
CSS 边框属性 (border) 用来设定一个元素的边线。
CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。
CSS 背景属性指的是 content 和 padding 区域。
CSS 属性中的 width 和 height 指的是 content 区域的宽和高。
- CSS盒子模式(Box Model)
- CSS盒子模式(Box Model)
- CSS盒子模式(Box Model)
- CSS 盒子模型(Box Model)
- CSS 盒子模型(Box Model)
- CSS之盒子模型(Box Model)
- 深入理解CSS盒子模型 - The CSS Box Model
- 盒子模型(Box Model)
- Box Model 盒子模型
- HTML和CSS的关键:盒子模型(Box model)
- css核心-盒子模型(Box Model)整理
- HTML和CSS的关键:盒子模型(Box model)
- HTML和CSS的关键:盒子模型(Box model)
- HTML和CSS的关键:盒子模型(Box model)
- CSS属性之盒子模型(Box Model)
- CSS 盒子模型(Box Model)和轮廓(outline)
- css核心-盒子模型(Box Model)整理
- css-box盒子模型
- [STAThread]的含义
- redhat as5 + oracle10.2.0.1 RAC + patch 10.2.0.3
- 12个带3的数之和为100
- linux 裸设备
- 将并行编程引入工程领域
- CSS盒子模式(Box Model)
- raw的开机设定(AS5)
- 关于fedora10的安装
- Delegate比较全面的例子
- 2008年末编程语言排行榜有感受
- NT STATUS CODE
- 理解REST软件架构
- EXCEL很强大CONCATENATE()
- ESB 与SOA之区别