内连级元素有哪些_内联元素和块级元素

一、行内元素与块级元素的基本概念

块元素

(block element)

：

块级元素生成一个元素框，

(默认地)它会填充其父级元素的内容，旁边不

能有其他元素。换句话说，他在元素框之前和之后生成了“分隔”符。我们最熟

悉的

HTML

元素是

和

div.

内联元素

(inline element),

也叫行内元素：

内联元素在一个文本行内生成元素框，而不会打断这行文本。内联元素最好

的例子就是

XHTML

中的

元素。

strong

和

也属于内联元素。

这些元素不会在

它本身之前或之后生成“分隔符”

，所以可以出现在另一个元素的内容中，而不

会破坏其显示。

尽管“块”和“内联”这两个词与

HTML

和

XHTML

中的块级和行内元素有很

多共同点，但也存在一个重要的差别。在

HTML

和

XHTML

中，块级元素不能继

承自内联元素(即不能嵌套在行内元素中)

。但是

CSS

中，对于显示角色如何嵌

套不存在任何限制。

另外提到内联元素，

我们会想到有个

display

的属性是

display:inline;

这个属性

能够修复著名的

双倍浮动边界问题。

块元素

(block element)

和内联元素

(inline element)

都是

html

规范中的概念。

块

元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了

css

控制以

后，

块元素和内联元素的这种属性差异就不成为差异了。

比如，

我们完全可以把

内联元素

cite

加上

display:block

这样的属性，

让他也有每次都从新行开始的属性。

也可以把块元素

div

加上

display:inline

，让他显示为内联元素。

可变元素：

可变元素是基于以上两者随环境而变化的，

它的基本概念就是他需要根据上

下文关系确定该元素是块元素或者内联元素。

可变元素还是属于上述两种元素类

别，

一旦上下文关系确定了他的类别，

他就要遵循块元素或者内联元素的规则限

制。

二、行内元素与块级元素的三个区别

：

行内元素与块级元素直观上的区别

行内元素会在一条直线上排列，都是同一行的，水平方向排列

块级元素各占据一行，

垂直方向排列。

块级元素从新行开始结束接着一个断

行。

块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

行内元素与块级元素属性的不同，主要是盒模型属性上

行内元素设置

width

无效，

height

无效

(

可以设置

line-height)

，

margin

上

下无效，

padding

上下无效

。

内连级元素有哪些_内联元素和块级元素相关推荐

内网安装python第三方包_内网安装python第三方包
内网快速安装python第三方包内网安装包是一个很麻烦的问题,很多时候,内网的源会出现问题,导致无法安装. 这里给出一种快速在内网中安装第三方包,无需使用内网的源. 外网操作 1.根据开发环境下的所 ...
html浮动代码_清除浮动与 BFC(块级格式化上下文)
BFC(Block Formatting Context)是在解决清除浮动的问题时遇到的. 一.什么是 BFC MDN: 块格式化上下文(Block Formatting Context,BFC) 是 ...
内网https需要ssl证书_内网需要ssl证书吗
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...
HTML05——行内块级元素_文档流_font属性_盒子模型_练习
目录行内块级元素文档流 font属性文本段落文字属性盒子模型概念和属性常见问题块元素和行元素的相互转换 display属性 overflow属性边框.宽度与高度浮动float 练习 ...
HTML块级元素、行内元素和行内块元素
HTML块级元素.行内元素和行内块元素块元素,行内元素和行内块元素之间的转换 HTML可以将元素分类方式分为行内元素.块状元素和行内块状元素三种.这三者是可以互相转换的,使用display属性能 ...
CSS文档流与块级元素和内联元素
文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动. 内联元素也不 ...
【HTML】行内元素与块级元素
一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别行内元素会在一条直线上排列,都是同一行的,水平方向排列块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...
[HTML/CSS]盒子模型，块级元素和行内元素
目录概述盒子模型块级元素行内元素可变元素总结概述在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项 ...
CSS块级元素和行内元素
1. 宽高 width:数值; height:数值; 也可用百分比! 长高的设置不会被后代继承 2. 背景 (1)背景颜色 background-color:颜色值; 元素的背景颜色默认为transp ...

内连级元素有哪些_内联元素和块级元素

内连级元素有哪些_内联元素和块级元素相关推荐

最新文章

热门文章