您的位置:首页 - 教程 - web前端 - 正文
网页设计前端——盒子模型

1、盒子模型的宽高以及padding和border的认识

  盒子的宽高不是CSS样式的宽高,CSS样式里的宽高只是内容的宽高,而盒子真实的宽高计算:宽:内容宽+padding+边框的高度    高:内容高+padding+边框的高度。这个地方要有所意识。

2、padding是有4个方向的,要控制这4个方向有两种方法。

  ①用小属性的方法:

    padding-left:;左

    padding-right:;右

    padding-top:;上

    padding-bottom:;下

  ②综合写法:

    padding:上  右  下  左;

用小属性可以层叠掉综合写法。


评论: