# 分类说明
> **HTML中对标签另一种分类方式,是根据标签在文档中的位置特性进行分类的,它将元素分为三类:块级元素,行内元素,行级块元素(也称块级行元素)。**
> 好比是 军人,根据作战类型,分为,空军。陆军,海军,等!
以下做具体逐一说明:
#### 1.块级元素(block)
> 特点:
> (1)可以设置宽高、内、外边距;
> (2)独占一行(即前后均有换行);( 也就是他的谁在的空间,都不能有其他任何元素存在)
> (3)块级元素如果不设置宽度和高度,则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。
> 常见的块级元素: div、p、h1、h2......hn,ol、ul、dl、li、form、table
**再后面学习这类标签的时候一定要联系起来**
好比:盖房子的钢架混凝土结构,
#### 2.行级元素(inline)
> 特点:
> (1)不可设置宽高、上下内、外边距。(左右内、外边距设置有效)
也就是只能控制塔的水平间距,上下是不行
> (2)其宽度和高度由其内容自动填充。**
根据内容来调整,设置是没有用的**
> (2)其他行级元素共处一行 ;
常见的行级元素:a、span、i、lable等
都是用来做填充元素好比,盖房子的砖块填充,
#### 3.行内块元素(inline-block)
> 特点:
> (1)可以设置宽高、内外边距;
> (2)可以与其他行内元素、内联元素共处一行;
常见的内联元素:input、img
这个有点类似,盖房子的窗户,窗户就是一个四四方方的格子可以和零散砖块在一起,能联想起来吗?如果可以那就你理解了!还是不能理解
#### 4.元素之间的转化
> 可以在行内样式或css样式中改变元素的display将三种元素进行转换。
> display:block;(将元素变为块级元素)
> display:inline; (将元素变为行级元素)
> display:inline-block;(将元素变为行级块元素)
这几个的意思也就是,他们都是页面的元素,没有区别,但是由于人们习惯了分类,可以控制元素的各种外观特征,所以有些元素,默认集中显示模式,由此说明是可以根据情况,调整的,只需调整display:这个元素的属性值即可!
**理解了吗?如果不能理解,麻烦你吃透这块知识,必须要理解,反之你都不好意思说,你会html标记来写网页!**
笨方法:先抄他几十遍,我和你一样一开始也都不懂,甚至明天来,还是不能明白!
万篇网页,元素结构分类起!,加油!!!