理解CSS盒子模型
来源:互联网 发布:软件测试地位 编辑:程序博客网 时间:2024/04/30 08:10
什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。
这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也具有这些属性,所以叫它盒子模式。那么内容就是盒子里装的东西;而填充就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;边框就是盒子本身了;至于边界则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方便取出嘛。在网页设计上,内容常指文字、图片等元素,但是也可以是小盒子(DIV嵌套),与现实生活中盒子不同的是,现实生活中的东西一般不能大于盒子,否则盒子会被撑坏的,而CSS盒子具有弹性,里面的东西大过盒子本身最多把它撑大,但它不会损坏的。填充只有宽度属性,可以理解为生活中盒子里的抗震辅料厚度,而边框有大小和颜色之分,我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的,边界就是该盒子与其它东西要保留多大距离。在现实生活中,假设我们在一个广场上,把不同大小和颜色的盒子,以一定的间隙和顺序摆放好,最后从广场上空往下看,看到的图形和结构就类似我们要做的网页版面设计了
- 理解CSS盒子模型
- CSS盒子模型理解
- css盒子模型理解
- CSS 理解盒子模型
- css 盒子模型理解
- css 盒子模型理解
- 【转】理解CSS盒子模型
- 深入理解CSS盒子模型
- 深入理解CSS盒子模型
- 深入理解CSS盒子模型
- 深入理解CSS盒子模型
- 深入理解CSS盒子模型
- 深入理解CSS盒子模型
- 深入理解CSS盒子模型
- 怎么理解CSS盒子模型?
- 初步理解CSS盒子模型
- 【CSS入门】七、理解盒子模型
- 【原创翻译】深入理解CSS盒子模型
- 道路工程实施教学课件制作
- (0).开发中的点滴总结
- Javascript createElement和innerHTML增加页面元素的使用对比
- (2).SSM-Deploy a whole Project To CC
- CE下要能识别到U盘要加什么组件
- 理解CSS盒子模型
- NET的插件机制的简单实现
- C#简繁体转换方法(Microsoft.VisualBasic.dll)
- 设计模式和极限编程XP的结合
- 虚拟现实应用之网络售楼处(二)——推广文案
- Lotus连接到SAP的代码
- AspNetPager分页示例之DataGrid(PostBack分页)
- 指针移动任意字节数
- ssh框架下的第一个例程——(2)