CSS 替换元素和非替换元素 行内非替换元素
2014-09-02 09:12
246 查看
html元素也可以分为替换元素和非替换元素
1.替换元素
替换元素是由浏览器根据表示的元素和属性决定显示的内容。
例如:<img src="./image.jpg" />他由标签元素img和属性src来决定显示的内容。
<input type="text" />如果text换成其他的属性值,input会显示不同的样子,这也是有input和type属性值决定显示内容的。
像<img>、<input>、<textarea>、<select>、<object>都是替换元素,这些元素没有实质的内容
2.非替换元素
html中大多数都是非替换元素,浏览器直接显示标签元素的内容。
比如:<p>paper</p>
行内非替换元素
width和height在行内非替换元素中无效。行内非替换元素框的宽度是它的内容渲染后(在任何子元素相对偏移之前)的宽度,它的高则是基于字体。
<a>、<span>是行内非替换元素
但是浮动后的行内非替换元素可以使用width和height。
1.替换元素
替换元素是由浏览器根据表示的元素和属性决定显示的内容。
例如:<img src="./image.jpg" />他由标签元素img和属性src来决定显示的内容。
<input type="text" />如果text换成其他的属性值,input会显示不同的样子,这也是有input和type属性值决定显示内容的。
像<img>、<input>、<textarea>、<select>、<object>都是替换元素,这些元素没有实质的内容
2.非替换元素
html中大多数都是非替换元素,浏览器直接显示标签元素的内容。
比如:<p>paper</p>
行内非替换元素
width和height在行内非替换元素中无效。行内非替换元素框的宽度是它的内容渲染后(在任何子元素相对偏移之前)的宽度,它的高则是基于字体。
<a>、<span>是行内非替换元素
但是浮动后的行内非替换元素可以使用width和height。
相关文章推荐
- CSS:替换元素(Replaced)、不可替换元素(Nonreplaced)、块元素(Block-level)和行内/内联元素(Inline)
- css 行内元素 块元素 替换元素 非替换元素 以及这些元素的width height margin padding 特性
- css中替换元素和不可替换元素
- CSS替换元素
- css中margin重叠和一些相关概念(包含块containing block、块级格式化上下文BFC、不可替换元素 non-replaced element、匿名盒Anonymous boxes )
- CSS 浮动的16条规则——如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄
- CSS知识点——可替换元素vs不可替换元素
- css中替换元素和不可替换元素
- css 行内元素 块元素 替换元素 非替换元素 以及这些元素的width height margin padding 特性
- css中替换元素和不可替换元素及显示元素详细探讨
- css 非替换元素和替换元素
- CSS 替换元素和非替换元素
- css中替换元素和非替换元素
- CSS 浮动的16条规则——如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄
- HTML + CSS 之替换元素与非替换元素
- CSS 8.2 高级-对齐补充(关于行内元素,块元素,替换元素和非替换元素及其width height margin padding特性)
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- css 行内元素 块元素 替换元素 非替换元素 以及这些元素的width height margin padding 特性
- Html+CSS 替换元素与不可替换元素 块内元素与内联元素
- css可替换元素(replaced element)