前端小笔记--标签分类

标签的基本分类(归类)

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;元素就消失了。

           

猜你喜欢

转载自blog.csdn.net/qq_44790595/article/details/107268044