简介 根据 "外在盒子" 是内联还是块级我们可以把元素分为内联元素和块级元素,而根据是否具有可替换内容,我们也可以把元素分为替换元素和非替换元素。这种通过修改某个属性值,例如 <img> 的 "src" 属性,<input> 的 "type" 属性,呈现的内容就可以被改变的元素称为替换元素,例如:< ...
分类:
Web程序 时间:
2018-05-03 12:46:15
阅读次数:
814
替换元素: 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。 比如:<input /> type="text" 的是,这是一个文本输入框,换一个其他的时候,浏览器显示就不一样 (X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替换元 ...
分类:
其他好文 时间:
2018-04-30 11:45:59
阅读次数:
153
1. 非替换元素 请注意,对于非替换的行内元素来说,尽管内容周围存在内边距与边框,但其占用空间(行高)由 line height 属性决定。 替换元素:浏览器根据其标签的元素与属性来判断显示具体的内容。比如: 、、 不可替换元素:他们将内容直接告诉浏览器,将其显示出来,比如 wanmei.com 2 ...
分类:
Web程序 时间:
2018-03-27 17:20:36
阅读次数:
233
1.Float的介绍 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄(塌陷的产生)。 注:假如在一行之 ...
分类:
其他好文 时间:
2018-03-17 00:39:41
阅读次数:
161
1.Float的介绍 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄(塌陷的产生)。 注:假如在一行之 ...
分类:
其他好文 时间:
2018-03-17 00:38:50
阅读次数:
127
替换元素 和 非替换元素 替换元素就是平常 看到的 input img textarea select这些都是替换元素,之所以叫替换元素,他们都是没有实际内容的,都是根据标签和属性来判断渲染些什么东西。 非替换元素就是 div p 这些,浏览器根据内容直接显示出来。 行内替换元素和行内非替换元素的区 ...
分类:
Web程序 时间:
2018-01-18 23:08:49
阅读次数:
216
原来是这样的: 这时候需要给label加个样式即可对齐: 结果如下: inline-block主要的用处是用来处理行内非替换元素的高宽问题的!行内非替换元素,比如span、a等标签,正常情况下士不能设置宽高的,加上该属性之后,就可以触发让这类标签表现得如块级元素一样,可以设置宽高。注意IE6不支持i ...
分类:
其他好文 时间:
2017-09-24 23:31:04
阅读次数:
171
Float定义: float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。 浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。 注释:假如在一行之上只有极少的空 ...
分类:
Web程序 时间:
2017-08-27 16:05:12
阅读次数:
198
元素是组成HTML文档的基本结构,比如h1、p、ul、div等等。在CSS中,元素可以分为 “替换元素”与"非替换元素"。如果站在元素显示的效果上看,那么元素还可以分为"块级元素"和“行内元素”。一、替换元素与非替换元素(一)替换元素元素在浏览器中所呈现的内容,并不是由元素在HTML文档中的内容直接 ...
分类:
Web程序 时间:
2017-08-20 22:35:35
阅读次数:
227
替换元素:其内容不受CSS视觉格式化模型控制的元素,比如image,嵌入的文档(iframe之类)或者applet,叫做替换元素。比如,img元素的内容通常会被其src属性指定的图像替换掉。替换元素通常有其固有的尺寸:一个固有的宽度,一个固有的高度和一个固有的比率。比如一幅位图有固有用绝对单位指定的 ...
分类:
其他好文 时间:
2017-07-11 16:00:03
阅读次数:
191