css概念--可替换元素和不可替换元素

可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。

也就是说，css可以影响元素但是不能影响其内容的显示。

可替换元素：
- 典型可替换元素
- - <iframe>
  - <video>
  - <embed>
  - <img>
- 有些元素仅在特定情况下被作为可替换元素处理
- - <option>
  - <audio>
  - <canvas>
  - <object>
  - <applet>

HTML规范中说 input元素 type=image时，会和img元素相同。

用 CSS content 属性插入的对象是匿名的可替换元素。它们并不存在于 HTML 标记中，因此是“匿名的”。

原文地址：https://www.cnblogs.com/guyuedashu/p/12347112.html

时间： 2024-10-20 10:33:29

css概念--可替换元素和不可替换元素的相关文章

CSS知识点——可替换元素vs不可替换元素

替换元素: 其中有类特殊的元素:如img,input,select,textarea,button,label等,他们被称为可替换元素(Replaced element).他们区别一般inline元素(相对而言,称non-replaced element)是:这些元素拥有内在尺寸(intrinsic dimensions),他们可以设置width/height属性,且他们中间没有实质性的内容,也即在代码中不会直接显示(文本内容).替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容.替换元

CSS float与clear & 替换元素与非替换元素

css3盒模型(box)中的一个概念,在css这种,每个元素生成了包含内容的框,有内联元素和块级元素之分.也可以区分为替换元素与非替换元素. 替换元素:浏览器根据标签的元素与属性来判断显示具体的内容.如 input标签,根据type显示内容.img标签,根据src显示内容.textarea.select.object都是替换元素. 非替换元素:内容直接告诉浏览器,浏览器将其显示出来.内容为标签包裹的内容. 块级元素与内联元素,在设置float之后,元素会变成块级元素. float是令本身元素脱离

CSS 替换元素和非替换元素行内非替换元素

html元素也可以分为替换元素和非替换元素 1.替换元素替换元素是由浏览器根据表示的元素和属性决定显示的内容. 例如:<img src="./image.jpg" />他由标签元素img和属性src来决定显示的内容. <input type="text" />如果text换成其他的属性值,input会显示不同的样子,这也是有input和type属性值决定显示内容的. 像<img>.<input>.<textar

替换元素和不可替换元素，块级元素和行内元素

替换元素和不可替换元素 1> 替换元素替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容,在其显示中生成了框.HTML中的<img>.<input>.<textarea>.<select>.<object>都是替换元素.这些元素往往没有实际的内容,即是一个空元素.Example:#1 <img src=”path/to/picture.jpg”/>浏览器根据<img>标签的src属性的值来读取图片信

块级元素,行内(内联)元素和行内块元素分别有哪些, 另外什么是替换元素和费替换元素

参考替换元素和非替换元素: https://www.cnblogs.com/lixiaodou/p/7150624.html 块级元素.行内(内联)元素和行内块元素块状元素块状元素代表性的就是<div>,其他如<p>.<nav>.<aside>.<header>.<footer>.<center>.<section>.<article>.<ui>.<li>.<o

替换元素和非替换元素

替换元素:指浏览器是根据元素的属性来判断具体要显示的内容的元素.比如 img 标签,浏览器是根据其 src 的属性值来读取这个元素所包含的内容的,常见的替换元素还有 input .textarea. select. object. iframe 和 video 等等,这些元素都有一个共同的特点,就是浏览器并不直接显示其内容,而是通过其某个属性的值来显示具体的内容, 比如浏览器会根据 input 中的 type 的属性值来判断到底应该显示单选按钮还是多选按钮亦或是文本输入框. 非替换元素:比如 p

css 行内元素块元素替换元素非替换元素以及这些元素的width height margin padding 特性

一.各种元素的width height margin padding 特性(具体css元素的分来参看二) 1.块级元素 width. height. margin的四个方向. padding的四个方向都正常显示,遵循标准的css盒模型.例如:div 2.行内替换元素 width. height. margin的四个方向. padding的四个方向都正常显示,遵循标准的css盒模型. 例如:img 2.行内非替换元素(重点) width. height不起作用,用line-height来控制高度.

非替换元素与替换元素

元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫"盒子".但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的.比如:div 与span的方式不一样. 什么是替换元素与非替换元素替换元素: 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容. 比如:<input /> type="text" 的是,这是一个文本输入框,换一个其他的时候,浏览器显示就不一样 (X)HTML中的<img>

非替换元素和替换元素

非替换元素和替换元素元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫"盒子".但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的.比如:div 与span的方式不一样. 什么是替换元素与非替换元素替换元素: 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容. 比如:<input /> type="text" 的是,这是一个文本输入框,换一个其他的时候,浏览器显示就不一样 (X)HTML中的&