CSS的盒子模型是由现实世界的盒子抽象出来的。那么CSS盒子模型究竟是什么呢?我们从他的原理和结构去分析。
原理:CSS盒子模型都包括:
Contend(内容):相当于盒子内的物品
broder(边框):相当于盒子的本身的长宽
内边距(padding):相当于箱子里面的泡沫用于防震用的,也可以理解为箱子的厚度差不错
外边距(margin):相当于几个盒子之间的间距,总不能一堆的盒子贴在一起,这样不美观
用法:一般都是用DIV排版!!
CSS的盒子模型是由现实世界的盒子抽象出来的。那么CSS盒子模型究竟是什么呢?我们从他的原理和结构去分析。
原理:CSS盒子模型都包括:
Contend(内容):相当于盒子内的物品
broder(边框):相当于盒子的本身的长宽
内边距(padding):相当于箱子里面的泡沫用于防震用的,也可以理解为箱子的厚度差不错
外边距(margin):相当于几个盒子之间的间距,总不能一堆的盒子贴在一起,这样不美观
用法:一般都是用DIV排版!!