1、行内元素、块级元素
行内元素属性
1、行内元素不独占一行,其他行内元素会依次排列在一行直到一行排列不下才会换行,宽度跟随元素的内容变化
2、行内元素无法设置宽高,可以设置line-height,margin上下无效,padding上下无效
3、行内元素内部不能嵌套其他行内元素标签
disply:inline
注:img和input比较特殊,可以改变宽和高、
块级元素
1.块级元素独占一行,宽度自动填满父元素的宽度
2.块元素可以设置width height属性
3、块元素margin和padding水平方向设置有效,垂直方向无效
4、块级元素可以包含行内元素和块级元素,行内元素不能包含块级元素
5、p标签中不能嵌套div标签
display:block
行内块元素
display :inline-block
应用比较多
行内块元素和其他元素一行,可以设置元素的宽高。