本节简介:讲解css样式盒子模型中内部填充值和外边距属性及实际应用时值的设置技巧
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
如果margin只有一个值,代表上下左右是一样的;两个值,第一个负责上下,第二个负责左右;三个值,第一个代表上,第二个代表左右,第三个代表下;四个值,顺时针,上右下左
margin外边距 padding内边距 如果margin有一个值,分别代表的是上下左右都是一样的。 如果margin有两个值,分别代表的是 第一个值负责:上下 第二个值:左右。 如果margin有三个值,1.上 2.左右 3.下。 四个值,上右下左,顺时针。
margin 代表外边距 padding代表内边距
如果margin有一个值,代表上下左右都是一样的; 如果margin有两个值,分别代表的是:第一个值负责:上下 第二个值负责:左右; 如果margin有三个值:第一个代表的是上 第二个代表的是左右间距 第三个代表的是下边距 ; 如果margin有四个值,按顺时针旋转:第一个值代表的是上 第二个值代表的是右 第三个代表的是下 第四个代表的是左
如果margin有一个值,分别代表上下左右都是一样的;有两个值代表的是第一个值上下,第二个值左右;三个值,第一个是上,第二个是左右间距,第三个是下边距;四个值分别是上、右、下、左。
margin 四个值代表 1、上 2、右 3、下 4、左
margin一个值代表上下 两个值代表左右 三个值代表 1、上 2、左右间距 3、下边距
margin两个是上下,和左右。三个是,上,左右,下。四个是上右下左。
margin:0px auto; margin-top:100px; 这样后面的100是会起作用的,反之,是不起作用的。所以要把统一的值写在前面,特殊的值写在后面
如果想让一个元素居中显示,margin:100px,auto (自动的意思)
如果margin有一个值,分别代表是上下左右都是一样的 magin:30px; /*如果margin有2个值,分别代表的是,第一个值负责上下,第二值左右,margin:30px 90px; 如果margin有3个值,第一个值代表的是,上,第二个值代表的是左右间距,第三个值代表的是下边距 margin:10px 60px 100px;如果有4个值,第一个代表的是上,第二个代表右,第三个代表的下,第四个代表的是左,顺时针的方向 ,margin:10px 30px 60px 100px;
margin 外边距 两幅画之间;一副画内部留白地方叫内间距 padding