本节简介:本节课主要介绍布局中重要的内外间距的设置方法以及注意事项。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
margin:50px 一个直代表左右都相同 margin:30px 两个值的时候,第一个值试上下,第二个值是左右 margin:10px 50px 80px 三个值的时候 第一个值代表上,第二个是左右,第三个值代表下 margin 10px 20px 30px 40px siege值分别代表的是上右下左
手写代码元素的间距margin:1.一个值的时候,代表上下左右数值相同;2.两个值的时候,第一个值是上下,第二个值是左右;3.三个值的时候,第一个值代表上,第二个值代表左右,第三个值代表下;4.四个值时,分别代表上右下左。
padding(填充)内间距 会增加盒子大小 简写方法跟marin一样
margin位置简写,一个值时默认上下左右 两个值时,1默认上下 2默认左右 三个值的时候:1上 2左右 3下
margin边缘 元素之间间距取大 左边右边设auto(自动)区域会居中
max-width最大宽度 max-height最大高度
min-width最小宽度 宽度设100%时,要设最小宽度,不然页放小就不好了 min-height最小高度
margin一个值代表上下左右都相同,两个值的时候,第一个值是上下,第二个值是左右,三个值的时候,第一个代表上,第二个代表左右,第三个代表下。四个值的时候,上右下左
padding 一个代表上下左右 padding 两个值代表上下 左右 padding四个值代表上右下左
100%需设置最小宽度 margin一个值代表上下左右都一样 margin两个值,第一个值是上下,第二个值是左右 margin三个值时第一个值代表上,第二个值代表左右,第三个值代表下 margin四个值分别代表上右下左
padding后的物体值等于原值 两倍padding值
1、 内间距 和外间距 2、使用内填充变成的间距。如何建立间距1、增加div标签 2、增加类3定义样式