CSS开发基础——块级元素和内联元素

CSS开发基础——块级元素和内联元素

HTML 的元素可以分为两种：

• 块级元素（block level element）

• 内联元素（inline element 有的人也叫它行内元素）

两者的区别：
1、内联元素会在一条直线上排列（都是同一行的水平方向排列）；
2、块级元素各占据一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性）；
3、块级元素可以包含行内元素和块级元素，行内元素不能包含块级元素；
4、块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度；
5、行内元素设置width无效、height无效、margin上下无效左右有效、padding上下无效左右有效；

最常见块级元素应该是 <div>吧，内联元素有 <span> 、<a> 、<