CSS学习笔记(二) ----盒子模型

我们日常生活中的盒子大概见了不少了,且都为六面体,也就是说是立体的。

那么它到底跟我们学习CSS里面的盒子模型到底有些啥区别呢,之前看过不少的书,千篇一律的一句话代过,讲的也不太细,或者是讲的非细但我没细心去看去体会

今天便来研究下它

 

a.CSS中盒子模型是平面的,并非立体,所以它只能算是个矩形,正方形,长方形都行

 这个矩形的上下左右边就是四个border,四条边的外面便是它的四个margin,里面是四个padding,

 四个padding夹着当前盒子里所放的内容,也就是content.

   这上、下、左、右四个border,margin,padding大小均可变化,想要多大随便你自己写

你可能感兴趣的:(学习笔记)