CSS中的替换和非替换元素

 什么是替换元素，什么又是非替换元素？

下面是摘自《CSS权威指南》的解释：

非替换元素：如果元素的内容包含在文档中，则称之为非替换元素。一个段落的文本内容都放在该元素本身之内，这个段落就是非替换元素。

替换元素：这是指用作为其他元素占位符的一个元素。替换元素的一个经典例子就是img元素，它只是指向一个图像文件，这个文件将插入到文档流中该img元素本身所在的位置，大多数元素也可以替代。

哈哈，看懂了吗，傻眼了吧，就这样吧，其实这本书是用词非常精炼的，我感觉译者肯定学过训诂学，不扯了。。。

       首先需要明确的是大多数元素都是非替换元素，非替换元素的展示的效果就是标签内的内容，例如 <p>博主大帅哥</p> ，在浏览器中就会显示“博主大帅哥”，其内容由用户代理在元素生成的框内显示。

       替换元素是用来替换元素内容的部分并非由文档内容显示，例如 <img src="bzdsg.jpg">,它由文档之外的一个图像来替换，实际上img也没有任何内容，如果不加src属性值的话，他没有任何意义，在页面中的效果也取决与标签的src属性。src的值一旦发生替换，效果也随之发生替换。大多数表单元素也可以替代。

        值得注意的是img这个标签很特殊，首先它是一个行内替换元素，但是它可以宽高，在《CSS权威指南》中规定"一般认为行内替换元素有固定的高度和宽度"。