HTML+CSS基础07

1.margin的bug

·margin的重叠：给上面的元素加下边距，给下面的元素添加上边距的时候，边距会重叠，且以最大值显示，左右会相加
·margin的值传递：给父元素里面的第一个元素添加上边距的时候，会错误的加在父元素身上
解决方法：
·用padding代替margin
·给父元素添加一个边框
·给父元素或者子元素添加浮动
·给父元素添加一个overflow：hidden；（溢出隐藏）

2.元素类型

块元素：div/p/h1-h6/ul/li/ol/dl/dt/dd/table/hr
特点：

1. ·可以设置宽高
2. ·独占一行
3. ·padding和margin都会生效
4. ·一般作为容器去包裹别人，但是p不能包裹块级元素（他自己也不行）

内联元素：span/b/i/u/a/em/strong/img/sub/sup
特点：

1. ·不可以设置宽高
2. ·在同一行显示
3. ·padding和margin左右都生效，上下显示不准确

内联块元素：img/input

1. ·可以在同一行显示
2. ·可以设置宽高
3. ·padding和margin都生效

3.元素转化

display：inline/block/inline-block/none
块元素block
内联元素inline
内联块inline-block
none隐藏，隐藏后不占位
补充：visibility:hidden;隐藏元素，隐藏后占位；