HTML中的行内元素 ，块状元素以及置换元素

最近碰到一个很神奇的问题：
1.img标签是块状元素吗？
当然不是，他不会单独占据一行
那为何能够设置宽高呢？
这就把我难住了，后来插了一下资料
发现了个‘大秘密’
先来说说HTMl标签的极大特性

块状元素

最明显的特征就是独自占领一行，自动充满父级元素的内容区域，绝不会让别人“侵略”（当然可以通过其他方式去改变他）。
常见的有：div，p..等等。
通过CSS设定了浮动（float属性，可向左浮动或向右浮动）以及设定显示（display）属性为“block”或“list-item”的元素都是块级元素。

行内元素：

上面说块及元素独自占领一行，行内元素就没这么霸道了，他可以左右都允许有元素，最常见的就是
通过display:’inline’设置以后都会变成行内元素。

行内非替换元素：

对行内非替换元素如a元素、span元素等，
设置宽度width 无效。
设置高度height无效，可以通过line-height来设置。
设置margin只有左右margin有效，上下无效。（这就是span的margin-top无效的原因）
设置padding只有左右padding有效，上下则无效。块级元素的width/height/margin/padding都是有效的

替换元素

浏览器根据其标签的元素与属性来判断显示具体的内容。
比如： type=”text” 的是，这是一个文本输入框，换一个其他的时候，浏览器显示就不一样

(X)HTML中的、、、、