CSS学习笔记(二) ----盒子模型
2010-08-19 21:10
155 查看
我们日常生活中的盒子大概见了不少了,且都为六面体,也就是说是立体的。
那么它到底跟我们学习CSS里面的盒子模型到底有些啥区别呢,之前看过不少的书,千篇一律的一句话代过,讲的也不太细,或者是讲的非细但我没细心去看去体会
今天便来研究下它
a.CSS中盒子模型是平面的,并非立体,所以它只能算是个矩形,正方形,长方形都行
这个矩形的上下左右边就是四个border,四条边的外面便是它的四个margin,里面是四个padding,
四个padding夹着当前盒子里所放的内容,也就是content.
这上、下、左、右四个border,margin,padding大小均可变化,想要多大随便你自己写
那么它到底跟我们学习CSS里面的盒子模型到底有些啥区别呢,之前看过不少的书,千篇一律的一句话代过,讲的也不太细,或者是讲的非细但我没细心去看去体会
今天便来研究下它
a.CSS中盒子模型是平面的,并非立体,所以它只能算是个矩形,正方形,长方形都行
这个矩形的上下左右边就是四个border,四条边的外面便是它的四个margin,里面是四个padding,
四个padding夹着当前盒子里所放的内容,也就是content.
这上、下、左、右四个border,margin,padding大小均可变化,想要多大随便你自己写
相关文章推荐
- CSS学习笔记(float和盒子模型)
- 谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型
- 5-CSS-浮动清除-继承-优先级-定位-引入CSS-盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 隐型马尔科夫模型(HMM)向前算法实例讲解(暴力求解+代码实现)---盒子模型
- 盒子模型
- JQuery判断盒子模型(W3C和IE)
- 盒子模型
- 第四课:盒子模型+浮动+定位
- class 1 模板&盒子模型
- 盒子模型关于嵌套关系、margin:0 auto与text-align区别
- html标签的盒子模型介绍
- 盒子模型(非常形象)
- ie 盒子模型和标准 w3c 盒子模型
- css--盒子模型和层叠关系
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- CSS 基础点集锦一:盒子模型、浮动、清除浮动
- 盒子模型
- 06-作业练习盒子模型
- 学习笔记-盒子模型应用1