CSS学习总结1-块元素与内联元素

区别：

块级元素：

1.总是独占一行

2.高度默认为0，由内容决定。宽度与父元素相同。

3.宽高、内外边距都可控制。

内联：

1.和相邻元素在同一行

2.宽高（width和height属性）、内外边距的上下（注意只是上下，左右还是可以设置的）都不可改变。

例如：<a><img src="somgImg.png"/></a>

假如没有<img/>，a是没有高度的，假如有了<img/>，则a的高度由fone-size决定。而不是height，因为他是inline元素。

也就是说，可以通过设置内外边距的左右控制整体的宽度，但是不能控制里面内容的宽度。

只能由显示的内容大小来决定。（但是，假如设置为浮动元素，就可以直接控制高宽了。）

3.内联元素里可以放置块级元素，通过块级元素来撑大。

转化：

内联：

通过CSS设置display：block。

块级：

可以通过浮动和定位来使块级元素并排。