属性标签
1.块属性标签(默认display:block)
特点:支持设置宽高 , 宽度默认和父元素宽度保持一致 , 没有父元素宽度撑满 高度由内容撑开 ,独占一行,上下排列(div,p,ul,ol,h1-h6)一般只设置一个h1
<div style="background-color: red;width: 100px;height: 100px;">hello</div>
2.行属性标签(默认display:inline)
特点:不支持设置宽高 排列成一行(a,span,em,strong) 宽高由内容撑开
不支持上下的margin和padding
<a href="http://www.baidu.com">进入</a>
<span>第一</span>
<span>第二</span>
3.行块属性(默认display:inline-block)
特点:支持设置宽高 又可以排成一行(img,input) 默认文本下对齐
应用:如果一个行属性标签想要设置宽高 必须要修改display:inline-block;
<!-- 图片 -->
<img src="" alt="">
<!-- input行块属性 -->
<input type="" name="" style="background-color: skyblue; width: 100px; height: 50px;">