本节简介:讲解盒子模型概念,内边距、外边距的应用以及元素默认值的清除方式,使用外边距定义元素居中的方法
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
自动居中的margin:0 auto,任何元素都可以(如果上边距为100px的距离,左右为自动可以这样写):例margin:100px auto也是可以的
padding:10px 20px 四个边距都有的时候可以定义为padding:10px 20px 30px 40px 单边距定义的时候可以写为:padding-left:10px;
padding 和 botter 会增加盒子大小,margin不会;
padding 和 bottom 会增加盒子大小,margin不会;
padding 和 bottom 会增加盒子大小,margin不会;
通用选择器:*{margin:0;padding:0;} 把所有盒子清零; <br>因为不清楚,所有盒子会自带边距,需要都清零
第一个值代表上,第二个值代表右,第三个值代表下,第四个值代表左
如果是三个值,第一个值代表上,第二个值代表左右,第三个值代表下
如果padding的值是一个值,那么代表上下左右的内边距都相同
7、margin不会增加元素尺寸,padding会增加元素的尺寸
3、padding三个值,第一个代表上。第二个代表左右,第三个代表下