本节简介:讲解盒子模型概念,内边距、外边距的应用以及元素默认值的清除方式,使用外边距定义元素居中的方法
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
多个padding值,在最后面的那个值会覆盖前面的那个
padding:内边距;如果padding的值是一个值,那么代表上下左右边距;2、如果两个值,的哥值代表上下,第二个值是左右 3、如果三个值,第一个值代表上,第二个值代表左右,第三个值是下 4、如果是四个值,第一个值是上,第二值是右,第三个值是下,第三个值是下,第四个值是左i
badding值大小颜色会变 margin值不变只变距离
padding数值代表4值分别代表上右下左内边距 单独定义一个边距 padding-left,top,bottom,right;增加padding会增加盒子大小;外边距margin,增加margin不改编盒子大小,margin{o auto}元素居中
任何元素居中只要加上 margin:10px auto 上下10px,左右居中
*{ margin:0; padding:0 }一般都会在写代码前设置一个通用选择器。
padding:10px;padding-bottom:50px。后面覆盖前面的,因此底部内间距为50px。内边距padding会增加原大小,但外边距margin不会增加原大小。
padding值一个值的时候,代表上下左右。两个数值代表上下、左右。三个值:上/左右/下.四个值:上右下左。
padding-left \ top \ bottom \ right
内边距padding会增加原大小,但外边距margin不会增加原大小
paddingzhi一个值的时候,代表上下左右。两个数值代表上下、左右。三个值:上/左右/下.四个值:上右下左。
注意顺序,后面的padding-bottom:50px;a覆盖了前面的padding:100px;
修改某一条边,padding-left:100px;padding-bottom:200px;padding-top:200px;padding-right:500px;
如果padding是三个值,第一个值表示上,第二个值表示左右,第三个值表示下
padding一个值,表示上下左右都相同,如果是两个值,第一个值表示上下,第二个值表示左右