元素显示模式

一.块级元素

显示特点:

1.独占一行

2.宽度默认是父元素的宽度,高度默认由内容撑开

3.可以设置宽高

代表标签:

div 、p、h系列

二.行内元素

显示特点:

1.一行可以显示多个

2.宽度和高度默认由内容撑开

3.不可以设置宽高

代表标签:

a、span、b

三.行内块元素

显示特点:

1.一行可以显示多个

2.可以设置宽高

代表标签:

input 、textarea、button、select….

四.元素显示模式转换

改变元素默认的显示特点,让元素符合布局要求

属性效果使用频率
display:block转换成块级元素较多
display:inline:block转换成行内块元素较多
display:inline转换成行内元素极少
HTML嵌套规范:

1.块级元素一般作为大容器,可以嵌套:文本、块级元素、行内元素、行内块元素等等

2.a标签内部可以嵌套任意元素

订阅评论
提醒
0 评论
最旧
最新 最多投票
内联反馈
查看所有评论
滚动至顶部