New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[html] 第19天 说说你对html中的置换元素和非置换元素的理解 #62
Comments
置换元素是指,该元素有自带的属性,并且css渲染模型不对此内容渲染,就好比img。而非置换元素是对于不是置换元素的都是。而置换元素常见在行内置换元素看到,主要是行内置换元素与行内元素的区别在于可控高度 |
置换元素的定义如下:
一般来说 参考文章:置换和非置换元素 |
看了楼上提供的博客,看了第一遍感觉不是太懂,看了第二遍大概自己对置换元素和非置换元素有一个概念; |
|
置换元素(Replaced Element):主要是指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。 |
置换元素(Replaced Element)
非置换元素(non-Replaced Element):
|
|
置换元素(Replaced Element) 主要是指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。 浏览器根据元素的标签和属性,来决定元素的具体显示内容 例如:浏览器根据标签的src属性显示图片。根据type属性决定显示输入框还是按钮 内容直接展示给浏览器。例如标签,标签里的内容会被浏览器直接显示给用户 |
置换元素:可以替换元素标签类容(img、input等) |
置换元素**(replaced element)是指一个内容不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素。 即:置换元素主要是指 img, input, textarea, select, object 等这类默认就有 CSS 格式化外表范围的元素 非置换元素:内容直接展示给浏览器 |
2.1 置换元素
2.2非置换元素 HTML 的大多数元素是不可替换元素,即其内容直接表现给用户端(例如浏览器) |
简单来说,自带样式,宽高, |
置换元素通常元素本身就拥有固有宽高,不受css视觉格式化模型控制,css渲染模型并不对此内容进行渲染 |
第19天 说说你对html中的置换元素和非置换元素的理解
The text was updated successfully, but these errors were encountered: