CSS盒子模型
来源:互联网 发布:superview 数据 编辑:程序博客网 时间:2024/04/30 10:27
什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。
这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。那么内容(CONTENT)就是盒子里装的东西;而填充(PADDING)就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;边框(BORDER)就是盒子本身了;至于边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方便取出嘛。在网页设计上,内容常指文字、图片等元素,但是也可以是小盒子(DIV嵌套),与现实生活中盒子不同的是,现实生活中的东西一般不能大于盒子,否则盒子会被撑坏的,而CSS盒子具有弹性,里面的东西大过盒子本身最多把它撑大,但它不会损坏的。填充只有宽度属性,可以理解为生活中盒子里的抗震辅料厚度,而边框有大小和颜色之分,我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的,边界就是该盒子与其它东西要保留多大距离。
- 理解CSS盒子模型
- 盒子模型 css
- css盒子模型
- CSS盒子模型
- CSS核心--盒子模型
- CSS核心--盒子模型
- CSS盒子模型
- CSS盒子模型
- DIV+CSS盒子模型
- CSS盒子模型
- css盒子模型
- CSS盒子模型介绍
- CSS+DIV 盒子模型
- CSS盒子模型
- CSS 盒子模型
- CSS盒子模型
- CSS盒子模型详解 .
- css中的盒子模型
- 快乐工作-职场中有效的自我息怒四方法
- Wince5.0 流驱动创建全程 (经典中的经典)
- 暑假是个神马东西?
- 两个Activity跳转的时,如何自定义翻页效果
- 自我时间管理的十大技巧
- CSS盒子模型
- 桌游......
- DataGridView生成CSV,XML 和 EXCEL文件
- java导出excel--------自己学习使用
- Oracle用imp和exp实现数据的导入和导出
- 19个非常有用的jQuery图片滑动插件和教程
- 初来乍道
- Flash 备忘两个问题 1.BitMapData 最大像素 2.Math.round(ProgressEvent.bytesLoaded / e.byteTotal 在html嵌套显示失败。
- 去掉android程序的任务栏