CSS中的替换和非替换元素

 什么是替换元素,什么又是非替换元素?

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/qq_41995398/article/details/97642301