前端小笔记--标签分类

标签的基本分类（归类）

 

1）行级元素，也叫内联元素 inline

特点：

a 与其他行内元素共享一行

b 不可以通过css改变宽高，由内容决定元素大小

c padding属性设置都有效，margin属性只有left，right设置有效

例如 span,a,strong,em,i,del,img,video,audio,br...

 

2）块级元素 block

特点：

a 独占一行，在不设置宽高时，块级元素默认填满父级元素的宽度

b 可以通过css改变宽高

c padding，margin属性设置全部有效

例如 div,p,ul,li,ol,form,address,pre,h1-h6,hr...

 

3）行级块元素 inline-block

特点：

a 与其他行内元素共享一行

b 可以通过css改变宽高

c padding，margin属性设置全部有效

 

inline和inline-block都是文本类元素，但凡带有inline属性的元素都有文本类特点，都会被文字分隔符(空白符)分割产生间隙。

例如img是inline-block，去除换行即可解决。

给行级元素加上position:absolute;   float:left/right;内部会隐式的将属性改成display:inline-block;。

我们可以通过display更改元素属性，如果写成display:none;元素就消失了。