HTML中块状,内联内联块元素区分

html的元素可分为三种:块状,行内,内联块

1、块状元素
特点:
1)一个块级元素独占一行
2)元素的高度,宽度,行高以及顶部和底部边距都可以设置
3)元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)除非设定一个宽度
如:div,h标签,p,form,ul,li


2、内联元素(行内元素
特点:
1)和其他元素都在一行上
2)元素的高度、宽度以及顶部和底部边距不可以设置
3)元素的宽度就是它包含的文字或图片的宽度,不可改变
如:span,a,i,em,strong


3、内联块元素
就是同时具备内联元素和块元素的特点
1)和其他元素都在一行上
2)元素的高度,宽度,行高以及顶部和底部边距都可以设置
如:img,input


4display属性值
block:块级元素
inline:内联元素
inline-block:内联块元素


 

posted @ 2020-03-19 21:03  陈小歪、  阅读(542)  评论(0编辑  收藏  举报