Html中的元素分类

Html元素大致可以分为3类，分别为：块级元素（block），行内元素（inline），行内块元素（inline-block）

1.块级元素（block）

常见的块级元素：div，p，form，hr，table，h1…h6，dl，dt，dd，ul，ol，

块级元素的特点：

默认情况下都会独占一行，按照从上到下的顺序进行流式布局
块级元素可以直接设置宽度和高度，元素在不设置宽度的情况下，它的宽度是父元素的100%
遵循盒模型的所有规则，一般作为其他元素的容器（除p标签）

2.行内元素（inline）

常见的行内元素：a，span，var，label，i，strong，b，em

行内元素的特点：

和其他元素都在一行上
元素的高度、宽度及顶部和底部边距不能设置
元素的宽度为它所包含的文字或图片的宽度，不能改变

3.行内块元素（inline-block）

常见的行内块元素：input，img

行内块元素的特点：

和其他元素都在一行上
元素的高度、宽度及顶部和底部边距都可以直接设置

HTML中的元素分类相关推荐

2017-1-7 html元素分类（1）
html元素分类结构性元素 section 在web页面应用中,该元素也可以用于区域的章节描述 header 页面主体的头部 footer 页面的底部 nav 专门用于菜单的导航.链接导航的元素 a ...
阅读类型HTML,W3C HTML5标准阅读笔记 – 元素分类与内容模型(Content Model)
HTML4中,元素被分成两大类: inline(内联元素)与block(块级元素).但在实际的开发过程中,因为页面表现的需要,前端工程师经常把inline元素的display值设定为block(比如a ...
html元素分类以及嵌套规则
2019独角兽企业重金招聘Python工程师标准>>> 一.html元素分类 html元素分为块级元素和内联元素. block(块)元素的特点: ①总是在新行上开始: ②高度,行高以 ...
遍历聚合对象中的元素——迭代器模式
本文转载自 :http://blog.csdn.net/lovelion/article/details/9992005 20世纪80年代,那时我家有一台"古老的"电视机,牌子我忘 ...
深入css布局 (1) — 盒模型元素分类
深入css布局(1)-- 盒模型 & 元素分类 " 在css知识体系中,除了css选择器,样式属性等基础知识外,css布局相关的知识才是css比较核心和重要的点.今天我们来深 ...
css知识笔记（一）——基础知识、选择器、元素分类
CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 如下列代码: p{f ...
html:(38):元素分类和块级元素
元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <di ...
html 指定对象为块元素,html内联（行内）元素、块级（块状）元素和行内块元素分类...
HTML可以将元素分类方式分为内联(行内)元素.块级(块状)元素和行内块元素三种. 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如自定义的元素等),自定义元素浏览器默认解析为内 ...
CSS快速学习5：文本溢出和XHTML元素分类
文本溢出 1.溢出属性(容器的) overflow:visible/hidden(隐藏)/sroll/auto(自动)/inherit; visible:默认值,内容不会被修剪,会出现在元素框之外: ...
python集合中的元素不能是哪些数据类型_Python内置类型及常见问题
python的内置数据类型非常丰富,大致可以分为五类:None.数字类型.序列类型.映射类型和集合类型.下面我将分别对他们进行介绍,做个总结以备以后查看.下面的表列出了各个类别下的具体数据类型.*注: ...

HTML中的元素分类

Html中的元素分类

1.块级元素（block）

2.行内元素（inline）

3.行内块元素（inline-block）

HTML中的元素分类相关推荐

最新文章

热门文章