块状元素和内联元素

每次有项目来了，后台功能都能搞定，结果设计稿一来，前端页面总要拜托前端同事去搞定，想了一下，自己还是要懂一点css的，下面进入正题：

常用的块级元素：

<div>、 <p>、<h1>、<form>、<ul> 和 <li>

常用的内联元素：

<span>、<a>、<label>、<input>、 <img>

当然还有很多，上面只列出最常用的几种

下面讲下两种的区别：

块级元素：1.作为容器，可以容纳其他块级元素和内联元素

　　　　　2.排斥和其他元素共处一行

　　　　　3.可以通过width和height设置宽高

内联元素：1.只能容纳文字和其他内联元素

　　　　　2.可以和其他内联元素共处一行

　　　　   3.无法通过width和height设置宽高

转换： 1.通过设置块级元素的 display:inline ,就可以将块级元素转换为内联元素，拥有内联元素的特性

　　     2.设置内联元素的display:block，就可以将内联元素转换为块级元素，拥有块级元素的特性

　　　 3.如果将块级元素/内联元素的display:inline-block,那么将会同时拥有两种特性：

　　　　a.可以和其他元素共处一行

　　　　b.元素的宽高，行高，上下边距都可以进行设置