初识HTML我们通常会遇到行内元素，块级元素，行内块级元素等相关样式问题，今天就来详细解说一下这三种元素的区别在哪里？以及它们之间是如何相互转换的？
1、在众多行内元素中，最常使用的是span，另外行内元素还包括img、a、big、small、sub、sup、strong、u、button(属性默认为display：inline-block)
2、行内元素的特点：相邻的行内元素不换行，设置宽高无效，margin设置仅左右方向有效，上下无效，padding设置上右下左都有效。水平方向上padding-left，padding-right，margin-left，margin-right都有边距效果，但是垂直方向上padding-top、padding-bottom、margin-top、margin-bottom都不会产生边距效果。
3、块级元素最具有代表性的就是div，其余的有p、h1~h6、table、ul、li、ol、等等以及H5新增的属性header、section、aside、footer等等。
4、块级元素的特点，能够自动换行开启新的一行，能够设置宽高，margin和padding对上下左右四个方向设置均有效。
5、行内块级元素，元素排列在一行，不会自动换行，可设置宽度和高度以及外边距和内边距的所有样式。三者之间的相互转换如下：
分享到:
閱讀更多 冰愛居士 的文章
