学习html后, 你会了解一些基本的html元素(Element), 如p, h1~h6, br, div, li, ul, img等.
如果将这些元素细分, 又可以分别归为顶级
(top-level)元素,块级
(block-level)元素和内联
(inline)元素.
1. Top-level element
【顶级元素】: { html, body, frameset }
包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.
2. Block-level element
【块级元素】: { p, h1~h6, div, ul }
顾
名思义就是以块显示的元素,高度宽度都是可以设置的。比如我们常用的 p, h1~h6, div, ul
默认状态下都是属于块级元素。块级元素比较霸道,默认状态下每次都占据一整个行,后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的
display:block;将其更改成块级元素。此外还有个特殊的,float也具有此功能。
块级元素能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔。块级元素是构成一个html的主要和关键元素, 而任意一个块级元素均可以用Box model来解释说明.
3. Inline element
【内联元素】: { a, br, em, img, li, span }
通
俗点来说就是文本的显示方式,与块级元素相反,内联元素的高度宽度是不可以设置的,其宽度就是自身文字或者图片的宽度。我们常用到
的<a>、<span>、<em>都属于内联元素。内联元素的显示特点就是像文本一样的显示,不会独自占据一个行。
当然内联元素也能变成块级元素,那就是通过css的display:inline;和float来实现。
内联元素依附其他块级元素存在, 紧接于被联元素之间显示, 而不换行.
在《CSS权威指南》这样定义到,“任何不是块级元素的可见元素都是内联元素。
其
表现的特性是“行布局”形式。”我个人不太习惯“行布局”的说话,因为我认为块级元素从表现上更像“行”显示,而内联元素更像是“文本”的显示属性。这其
中一点记住很关键,“内联元素的高度宽度都是不可以设置的,其宽度就是自身文字或者图片的宽度”。因为在你设置宽度高度大半天后没反应才发现,原来这只是
个内联元素。
分享到:
相关推荐
CSS文档流与块级元素(block)、内联元素(inline)
CSS文档流与块级元素(block)内联元素(inline)那点事
html标签分为两种,内联元素和块级元素,首先我们先了解一下内联元素和块级元素的概念: 块级元素:一般是其它元素的容器,可容纳内联元素和其它块级元素,块级元素排斥其它元素与其位于同一行,可设置宽度(width)...
块级元素(block)特性:总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;内联元素(inline)特性:和相邻的内联元素在同一行,接下来为大家详细介绍下,感兴趣的朋友可以参考下哈
在css盒子模型中,我们提到了html元素中的块元素(block element)和内联元素(inline element)。那么它们究竟是什么呢? 其实,这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
块元素又名块级元素,和其对应的是内联元素,都是html规范中的概念,内联元素其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等
Inline element 内联元素通俗点来说就是文本的显示方式,与块级元素相反,内联元素的高度宽度都是不可以设置的,其宽度就是自身文字或者图片的宽度。我们常用到的、、都属于内联元素。内联元素的显示特点就是像文
块状元素、内联元素和可变元素是 CSS 中的三个基本元素类型,它们在网页布局和样式设计中扮演着非常重要的角色。通过了解它们的特点和联系,我们可以更好地设计和布局我们的网页,从而提高用户体验和网页的整体效果...
文章目录元素的显示方式和转换块级元素行级元素行内块级元素显示方式之间的转化 元素的显示方式和转换 块级元素 块级元素(inline): 块级元素可以包含行内元素和其它块级...可以容纳内联元素和其他的块级元素 例如:
什么是块元素block和内联元素inline,什么是块元素block和内联元素inline。。。
内容偏门,适合打基础,补足基础的同志们
1. Block-level element: 指能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔. 常用的块级元素包括: p, h1~h6, div, ul等; 2. Inline element: 指依附其他块级元素存在, 紧接于被联元素之间...
基于文档流解读html元素的... 简直一切元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。 有三种状况将使得元素离开文档流而存在,分别是浮动、绝对定位、固定定位. 然则在IE中浮动元素也存在于文档流中
块状元素与内联元素大全 html标签中所有块状元素与内联元素 对前端的开发设计有很大帮助
个人主页:www.xmqisheng.com 包含了曾经讲网页过程中的块元素与内联素区别时的知识点课件。
在 HTML 中,元素可以分为块级元素、内联元素和内联块元素三种。块级元素占据整个宽度,垂直排列,而内联元素在同一行内显示,水平排列。内联块元素则是指同时具有块级元素和内联元素特征的元素。 页 1-1:性别选择...