本节简介:本节课主要介绍布局中重要的内外间距的设置方法以及注意事项。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
padding---内间距:内间距可以增加盒子大小的值。
margin:三个值的时候:第一个值代表是上,第二个值代表左右,第三个值代表下。四个值的时候代表上-右-下-左。
margin:一个值代表上下左右都是相同,都是一个值。两个值的时候:第一个值是上下,第二个值是左右。
100%宽度不用设置auto,居中设置auto只是针对有指定的宽度的时候
如果让一个盒子居中,可以在margin中左右方向分别设置成auto,
margin--外边距:两个元素之前分别设置了上下值的时候,实际间距是由设置的最大的值决定。
布局中设置宽度是100%的时候要设置min-width,
min-width 1000px 最小宽度 非常重要
margin:100px 50px 20px 10px;四个值分别代表上右下左
margin:100px 50px 20px 10px;四个值分别代表上右下左
Margin:50px auto ; 上下外间距50px,左右居中显示
margin 外间距 box元素中间间隔取决于最大值,左右auto 可以居中显示,顺时针方向,上右下左,padding 内间距—增加范围值,
width 宽 height 高 min-width/height max-width/height 的区别 默认为文本内容的寛高
margin:50px;一个值代表上下左右都相同 ;margin:30px 100px;两个值时候,第一个直是上下;第二个值是左右;四个值是上右下左;三个值是时候,第一个值代表上,第二个值代表左右,第三个值代表下;