html3的标签,3.2 HTML标签的分类

# 1.标签分类

## 块标签

~~~

//特点

1.独占一行

2.能够设置width,height

//常用的块标签

div,h1~h6,p,ul,li,dl,dt,dd

~~~


## 内联标签

~~~

//特点

1.并排显示

2.不能设置width,height

3.不能设置margin-top,margin-bottom

a,span,em,strong

~~~


## 内联块

~~~

//特点

1.并排显示

2.可以设置宽高

//常用的内联块标签

button,img,input

~~~


# 2原理

## 块标签：独占一行,能够设置宽高

~~~

div,h1~h6,p,ul,li,dl,dt,dd

~~~

~~~

display:block;

~~~


## 内联标签：并排显示,不能设置宽高,margin-top,margin-bottom

~~~

a,span,em,strong

~~~

~~~

display:inline-block

~~~



## 内联块:并排显示,可以设置宽高

~~~

button,img,input

~~~

~~~

display:inline-block

~~~


# skill

## 如何让内联元素和内联块元素水平居中

~~~

display:block;

margin-left:auto;

margin-right:auto;

~~~


## 如何让内联元素和内联块元素水平居中

~~~

//给父级加

text-align:center

~~~