web - 块元素和内嵌元素的特征

块:
1.独占一行
2.支持所有的样式
3.不设置宽度的时候，宽度撑满整行
常用的快标签有： div，section，header，nav，footer，article，aside，ul，ol，li，dl，dt，dd，h1~h6，p，

内嵌:
1.多个内嵌元素可以在一行显示
2.不支持宽高，对上下的margin
3.宽度由内容撑开
4.代码换行会被解析

常用内嵌标签有 ： span，strong， a ， em

inline-block ：

1.多个设置为inline-block的块元素可以在一行显示；

2.使内联元素支持宽高

3.属性为inline-block的元素，不设置宽度时，其宽度由内容撑开

时间： 2024-08-26 01:09:16

web - 块元素和内嵌元素的特征的相关文章

块元素和内嵌元素

块元素和内嵌元素的特征  块的特征: 1,默认独占一行 2,没有宽度限定时,默认撑满一行 3,支持所有css命令 内嵌(内联,行内)元素的特征: 1,同排可以继续跟同类的标签 2,内容撑开宽度 3,不支持宽高 4,不支持上下的margin 5,代码换行被解析 块元素和内嵌元素的转换 display display:inline-block 特征: 1 块在一行显示 2 行内属性标签支持宽高 3 没有宽高的时候内容撑开宽度

块级元素与内嵌元素

常见的块级元素包括:div.blockquote.列表元素(dl.ol.ui).fieldset.form.h1-h6.hr.p.pre.table等. 内嵌元素包括:span.a.img.label.所有表单输入元素.iframe.object等.

CSS块级元素、内联元素概念

CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都变得易于理解,并且体会到CSS这套设计的合理性所在. 文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即

CSS文档流、块级元素、内联元素

CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都变得易于理解,并且体会到CSS这套设计的合理性所在. 于是我根据猜测,再加实验,得出一下说法.如有错误,纯属正常. 文档流 将窗

块级元素与行内元素（内联元素）的区别和联系

在css盒子模型中,我们提到了html元素中的块元素(block element)和内联元素(inline element).那么它们究竟是什么呢? 其实,这两种元素都是html规范中的概念.块元素(block element)一般是其他元素的容器元素,能容纳其他块元素或内联元素.最常见的就是P和div这两个,说的简单点,块元素就好比一个四方块,可以放其 他的四方块,并可以呈现在页面上任何地方.默认情况下块元素,是独占一行的.常见的块元素:div.h1-h6标题.form(只能用来容纳其他块元

CSS 中 block 元素（块级元素）与 inline 元素（内联元素）详解

块元素 (block element) 一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素 , 常见块元素是段落标签“P”.“form”这个块元素比较非凡,它只能用来容纳其他块元素. 假如没有 CSS 的作用,块元素会顺序以每次另起一行的方式一直往下排.而有了 CSS 以后,我们可以改变这种 HTML 的默认布局模式,把块元素摆放到你想要的位置上去.而不是每次都愚蠢的另起一行.需要指出的是,table 标签也是块元素的一种,Table Based Layout 和 

CSS块元素与内联元素（转）

为什么<a><span>这种标签定义width,height等CSS属性时会发现完全不生效? 因为它们不是容器,它们是内联元素,不是块元素 CSS 块元素与内联元素 关键字: css 元素(block element)一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P."form"这个块元素比较特殊,它只能用来容纳其他块元素. 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排.而有了css以

CSS块级元素、内联元素概念[转]

CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都变得易于理解,并且体会到CSS这套设计的合理性所在. 文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即

块级元素和内联元素的区别（HTML）

请把下面二行代码放进body标签里:     <div style=”border: 1px solid red;”>div1</div>     <div style=”border: 1px solid red;”>div1</div>     浏览器的呈现效果:     div1     div1 这二个div占据了二行空间,叫做块级元素(block). 再把下面二行代码也放进body标签里:     <span style=”border: 1