CSS入门基础教程:CSS盒子模式(Box Model)


 CSS 中有个重要的概念,就是盒子模式 (Box model)。

  胡戈的"一个馒头引发的血案"中有个圆圈套圆圈娱乐城,而这个盒子模式套用这句话来说,就是方块套方块。

  先看看下面这个图,黑框包围的一个方块,就是一个盒子 (Box)。

  盒子里由外至里依次是:

  margin 边距

  border 边框

  padding 间隙 (也有人称做补丁)

  content (内容,比如文本,图片等)

  CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。

  CSS 边框属性 (border) 用来设定一个元素的边线。

  CSS 间隙属性 (padding) 是用来设置元素内容到元素边框的距离。

  CSS 背景属性指的是 content 和 padding 区域。

  CSS 属性中的 width 和 height 指的是 content 区域的宽和高。



相关阅读:
如何取得刚刚插入sql server 自增长的id值?
linux 如何查看硬盘大小
Oracle 下导入txt的shell脚本以及配置
勾选时激活input 否则禁用的javascript代码
Vista系统下IE下载自动关闭的解决
让Win 2000操作系统自动安装
在网页上实现文字闪烁
斜45度寻路实现函数
SQL Server中死锁产生的原因及解决办法
JavaScript 设计模式 富有表现力的Javascript(一)
linux rpm卸载参数
修改一下系统就提升Vista系统下的优盘性能
在父级元素中填充背景图片来完美解决DIV高度自适应的
带你轻松接触Oracle DBLink的简单运用
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4