码迷,mamicode.com
首页 > 其他好文 > 详细

盒子模型

时间:2017-11-12 17:56:34      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:alt   区域   不能   空白区域   增加   内容   居中   strong   注意   

什么是框模型(盒模型):

html中,所有的元素都可以认为是框。框中可以盛装内容。 框模型:指的是 框与框、框与内容之间的关系。 定义了:外边距、内边距、边框

什么是外边距

在元素边框周围的一些空白区域 该空白区域,正常情况下是不允许有其他元素显示的。 外边距属性 margin:value; 表示上下左右四个方向的外边距 单边设置: margin-方向: 方向:top,bottom,left,right 取值:px、%、负值、auto

什么是内边距

框内的内容与框之间的距离控件 注意:增加内边距后会扩大元素边框所占的区域 语法: padding : value; 取值:像素、%、不能取负值

注意:当元素的 【左右】外边距设置为 【auto】 时,那么该元素会在其父层容器内变的水平居中

常见的整体设置我们通常会看见 这样的代码

技术分享

 

 

 

 

 

Margin:2px 5px 2px 6px;

Margin:2px 5px 3px;

Margin:2px 6px;

Margin:5px;

4个值上右下左

3个值上 左右 下

2个值 上下 左右

1 个值 全部

盒子模型

标签:alt   区域   不能   空白区域   增加   内容   居中   strong   注意   

原文地址:http://www.cnblogs.com/lulublog/p/7822213.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!