CSS中的相关概念
2017-06-01 08:16
134 查看
CSS的几个概念:
包括块:一个元素的“布局上下文”。对于正常的HTML文本流中的一个元素,包括块由近期的块级祖先框、表单元格或行内块祖先框的内容边界(content
edge)构成。
考虑例如以下标记
p元素的包括块是div元素,由于作为块元素、表单元格或行内块元素,这是近期的祖先元素。类似地div的包括块是body。
非替换元素:假设元素的内容包括在文档中,则称为替换元素。比如:假设一个段落的文本内容都放在该元素本省内。这个段落就是非替换元素。
替换元素:这是指作为其它内容占位符的一个元素。替换元素的一个经典样例就是img元素。它仅仅是指向一个图像文件。这个文件将被插入到文档流中该img元素本身所在的位置。大多数表单元素也能够替换(比如<input
type="radio">)。
块级元素:指段落、标题或div之类的元素。这些元素在正常流中时。会在其框和框主键生成‘换行“,所以处于正常流中的块级元素会垂直摆放。
通过声明display:block。能够让元素生成块级框。
行内元素:这是指strong或span之类的元素。这些元素不会在之前或之后生成”行分隔符“,他们是块级元素的后代。通过声明display:inline。能够让元素生成一个行内框。
根元素:位于文档树顶端的元素。在HTML文档中,就是HTML元素。
包括块:一个元素的“布局上下文”。对于正常的HTML文本流中的一个元素,包括块由近期的块级祖先框、表单元格或行内块祖先框的内容边界(content
edge)构成。
考虑例如以下标记
<body> <div> <p>This is a paragraph.</p> </div> </body>
p元素的包括块是div元素,由于作为块元素、表单元格或行内块元素,这是近期的祖先元素。类似地div的包括块是body。
非替换元素:假设元素的内容包括在文档中,则称为替换元素。比如:假设一个段落的文本内容都放在该元素本省内。这个段落就是非替换元素。
替换元素:这是指作为其它内容占位符的一个元素。替换元素的一个经典样例就是img元素。它仅仅是指向一个图像文件。这个文件将被插入到文档流中该img元素本身所在的位置。大多数表单元素也能够替换(比如<input
type="radio">)。
块级元素:指段落、标题或div之类的元素。这些元素在正常流中时。会在其框和框主键生成‘换行“,所以处于正常流中的块级元素会垂直摆放。
通过声明display:block。能够让元素生成块级框。
行内元素:这是指strong或span之类的元素。这些元素不会在之前或之后生成”行分隔符“,他们是块级元素的后代。通过声明display:inline。能够让元素生成一个行内框。
根元素:位于文档树顶端的元素。在HTML文档中,就是HTML元素。
相关文章推荐
- CSS中Float概念相关文章采撷
- CSS中Float概念相关文章
- 主题:CSS中Float概念相关文章
- CSS中Float概念相关文章
- 【CSS】行内元素相关术语和概念
- CSS中Float概念相关文章采撷
- css简介及相关概念
- css中margin重叠和一些相关概念(包含块containing block、块级格式化上下文BFC、不可替换元素 non-replaced element、匿名盒Anonymous boxes )
- CSS中Float概念相关文章采撷
- CSS中的相关概念
- Spring的相关概念
- SDK相关概念
- 线程的相关概念
- trackbacks和其相关概念(转东转西)
- CSS学习笔记(概念相关)
- ERwin相关概念快速入门(albertyi原创)
- Web2.0及相关概念解释
- trackbacks和其相关概念
- ERwin相关概念快速入门
- linux 2.6 内核学习小结(1)---硬件相关概念