标签的基本分类(归类)
1)行级元素,也叫内联元素 inline
特点:
a 与其他行内元素共享一行
b 不可以通过css改变宽高,由内容决定元素大小
c padding属性设置都有效,margin属性只有left,right设置有效
例如 span,a,strong,em,del等
2)块级元素 block
特点:
a 独占一行,在不设置宽高时,块级元素默认填满父级元素的宽度
b 可以通过css改变宽高
c padding,margin属性设置全部有效
例如 div,p,ul,li,ol,form,address等
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;元素就消失了。