web前端连载2

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;">

4.display:none;为隐藏