学习H5-行内元素、块级元素、置换元素

HTML中的元素如何套用：

• 块级元素可以套用一切
• 行内元素不可以套用块级元素，只能套用行内元素、置换元素
• 置换元素只能套用置换元素
• 置换元素、行内元素嵌套无先后关系，块级元素从大套到小

块级元素：

特点：

• 独占一行
• 可以设置宽高

常见：

<div>、<p>、<table>、<h1~6>、<ul><li>、<ol><li>、<hr>
可以看下例示图：

行内元素：

特点：

• 不会独占一整行
• 无法设置宽高

常见：

<a>、<b>、<i>、<u>、<del>、<font>、<input>、<textarea>、<select><option>、<button>、<img>
可以看下例示图：

其中input、textarea、select、button、img既是行内元素，也是置换元素，所以可以设置宽高

置换元素：

特点：

• 也是内联元素，但其具体样式由用户修改样式属性决定

常见：

<input>、<textarea>、<select><option>、<button>、<img>
可以看下例示图：