.(作者:黄小龙 撰写时间:2019年1月10日
盒模型是浏览器位页面中的每个HTML元素生成的矩形盒子,这些盒子都是要按照可见版式模型在页面上排布,而且每个盒子的边框是不可见的,背景也是透明的。所以它有控制属性和元素属性这两种属性来对它进行一个包装和控制效果
控制属性有3种,分别是position属性,display属性和float属性。
- position属性控制页面上元素的位置关系。
- display属性控制元素是堆叠,并排或者不在页面上显示。
- float属性提供控制的方法,以便把元素组成多栏布局。
元素属性分为3组:
1边框(border):设置边框的宽度,样式和颜色。
2内边距(padding):可以设置盒子内容区和边框的间距。
3外边距(margin):可以设置盒子和邻元素的间距。
这3中元素属性还有4种相同的属性值,别是:top,right,bottm,left.