DIV+CSS基础教程:盒子模型
来源:互联网 发布:linux doc 编辑:程序博客网 时间:2024/05/16 08:57
盒子模型,是XHTML+CSS布局页面中的核心!要想学会用CSS布局页面,就首先要理解盒子模型!
什么是盒子模型?对于初学者来说,很难说出来,但是对于生活中的盒子大家熟悉吧,哈哈,这里提到的盒子模型你就可以理解成现实生活中的盒子就可以了,不然怎么能起个名字叫“盒子模型”呢
好!既然和现实生活中的盒子一样,那我们想一下,生活中的盒子内部是不是空的好用来存放东西,而里面存放东西的区域我们给他起个名字叫“content(内容)”,而盒子的纸壁给他起个名字叫“border(边框)”,如果盒子内部的东西比如是一块硬盘,但是硬盘怕震动,所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料,这时硬盘和盒子的边框就有了一定的距离了,我们称这部分距离叫“padding(内边距)”,如果我们需要购买许多块硬盘,还是因为硬盘怕震动所以需要在盒子和盒子之间也需要一些防震材料来填充,那么盒子和盒子之间的距离我们称之为"margin(外边距)"
OK~!这下盒子模型的四要素就出来了分别是:content(内容)、border(边框)、padding(内边距)、margin(外边距),如下图
我们的页面就是由许许多多的盒子组成的哟~~~,但是和现实生活中的盒子我们会忽略外边距(margin),但是在页面中,我们是不能忽略外边距(margin)的,只有包括外边距的盒子模型在CSS中才是完整的,即使外边距为零,我们也不要忽略它,要知道他是存在的。
怎么样,理解“盒子模型”了没?就是这么点知识.
作者:kwoojan 出自:CSS学习论坛
什么是盒子模型?对于初学者来说,很难说出来,但是对于生活中的盒子大家熟悉吧,哈哈,这里提到的盒子模型你就可以理解成现实生活中的盒子就可以了,不然怎么能起个名字叫“盒子模型”呢
好!既然和现实生活中的盒子一样,那我们想一下,生活中的盒子内部是不是空的好用来存放东西,而里面存放东西的区域我们给他起个名字叫“content(内容)”,而盒子的纸壁给他起个名字叫“border(边框)”,如果盒子内部的东西比如是一块硬盘,但是硬盘怕震动,所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料,这时硬盘和盒子的边框就有了一定的距离了,我们称这部分距离叫“padding(内边距)”,如果我们需要购买许多块硬盘,还是因为硬盘怕震动所以需要在盒子和盒子之间也需要一些防震材料来填充,那么盒子和盒子之间的距离我们称之为"margin(外边距)"
OK~!这下盒子模型的四要素就出来了分别是:content(内容)、border(边框)、padding(内边距)、margin(外边距),如下图
我们的页面就是由许许多多的盒子组成的哟~~~,但是和现实生活中的盒子我们会忽略外边距(margin),但是在页面中,我们是不能忽略外边距(margin)的,只有包括外边距的盒子模型在CSS中才是完整的,即使外边距为零,我们也不要忽略它,要知道他是存在的。
怎么样,理解“盒子模型”了没?就是这么点知识.
作者:kwoojan 出自:CSS学习论坛
- DIV+CSS基础教程:盒子模型
- DIV+CSS盒子模型
- CSS+DIV 盒子模型
- 盒子模型(DIV+CSS)
- css盒子模型,div+css布局
- DIV+CSS两种盒子模型
- 简单的盒子模型Div+Css
- DIV+CSS两种盒子模型
- 10-DIV+CSS-盒子模型实例
- DIV+CSS两种盒子模型
- DIV+CSS两种盒子模型
- DIV+CSS两种盒子模型
- DIV+CSS两种盒子模型
- css盒子模型与div浮动详解
- Div+CSS两种盒子模型
- DIV+CSS两种盒子模型(W3C盒子与IE盒子)
- DIV+CSS两种盒子模型(W3C盒子与IE盒子)
- 09-DIV+CSS-流和盒子模型初识
- +-*/()整型表达式求值(不带符号)
- 文本文件操作_CreateFile
- [Web Chart系列之五] 1. 实战draw2d 之总体介绍
- AndroidPN Client
- iis 与apache分享80端口的解决方法
- DIV+CSS基础教程:盒子模型
- Linux设备驱动开发环境的搭建
- Linq 实现左连接,右连接
- 周记(一)
- android学习视频教程,很详细
- Java-----TCP/UDP-----简单双向通讯
- C语言第二堂作业
- 设计模式C++实现(4)——单例模式
- android更新应用程序