每次有项目来了，后台功能都能搞定，结果设计稿一来，前端页面总要拜托前端同事去搞定，想了一下，自己还是要懂一点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.元素的宽高，行高，上下边距都可以进行设置