《学习日记》CSS的盒子模型
2015-09-22 14:56
477 查看
CSS的盒子模型是由现实世界的盒子抽象出来的。那么CSS盒子模型究竟是什么呢？我们从他的原理和结构去分析。
原理：CSS盒子模型都包括：
Contend（内容）：相当于盒子内的物品
broder（边框）：相当于盒子的本身的长宽
内边距（padding）：相当于箱子里面的泡沫用于防震用的，也可以理解为箱子的厚度差不错
外边距（margin）：相当于几个盒子之间的间距，总不能一堆的盒子贴在一起，这样不美观
用法：一般都是用DIV排版！！
原理：CSS盒子模型都包括：
Contend（内容）：相当于盒子内的物品
broder（边框）：相当于盒子的本身的长宽
内边距（padding）：相当于箱子里面的泡沫用于防震用的，也可以理解为箱子的厚度差不错
外边距（margin）：相当于几个盒子之间的间距，总不能一堆的盒子贴在一起，这样不美观
用法：一般都是用DIV排版！！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS的过渡效果及动画效果：transition&animation
- CSS选择器
- css初始化代码
- NPOI之Excel——合并单元格、设置样式、输入公式
- css 控制第二行字段縮進
- CSS样式常用的兼容hack写法
- 关于css3背景图片渐变的规则
- 初学css遇到的值得记载的
- NPOI创建Excel﹑合并单元格﹑设置单元格样式﹑边框
- JS+CSS实现类似QQ好友及黑名单效果的树型菜单
- 【css老版本浏览器兼容利器】ie-css3.htc
- 纯CSS绘制三角形（多个角度）
- css--左右visibility建立 “collapse”值问题
- CSS技巧
- 一点css技巧和对iOS delegate的理解
- css定位
- CSS中float的应用
- bfc样式控制
- 关于css排版的一些属性
- CSS浮动与定位