1、常见行内元素和块级元素
1、行内元素
<span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<sup>、<sub>、<em>、<del>
2、块级元素
<address>、<center>、<h1>~<h6>、<hr>、<p>、<pre>、<ul>、<ol>、<dl>、<table>、<div>、<form>
2、display 的 block、inline 和 inline-block 的区别
1、block
会独占一行,多个元素会另起一行,可以 width、height、margin 和 padding 属性
2、inline
元素不会独占一行,设置 width、height 属性无效。但可以设置水平方向的 margin 和 padding 属性,不可以设置垂直方向的 padding 和 margin
3、inline-block
将对象设置为 inline 对象,但对象的内容作为 block 对象呈现,之后的内联对象会被排列在同一行内
3、行内元素和块级元素的区别
1)、行内元素
①:设置宽高无效
②:对 margin 设置左右方向有效,而上下无效,padding 设置都无效
③:不会自动换行
2)、块级元素
①:可以设置宽高
②:设置 margin 和 padding 都有效
③:可以自动换行
④:多个块状,默认排列从上到下