先来概要一下学习思路：
本系列内容，将针对微信小程序中的WXSS学习，所以在学习CSS时每一个知识点都在小程序IDE中进行实践，达到最好的学习效果。
由于wxss与CSS有些许不同，在学习CSS过程中我们因尽力避免，在wxss中没有的属性花费太多时间。
接触display属性：
它是CSS中最重要的属性
每个元素都有默认的display值
对于大多数元素它们的默认值是block与inline。
block被叫做块级元素，inline被叫做行内元素。
block块级元素：它会尽可能撑满容器的左右边距，也就会让其他元素不能与它同排。
其他常用的块级元素包括 p 、 form 和HTML5中的新元素： header 、 footer 、 section 等等。
inline行内元素：它只会包裹内容而不会占用其他空间，
- 设置宽度width 无效。
- 设置高度height 无效，可以通过line-height来设置。
- 设置margin 只有左右margin有效，上下无效。
- 设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。
http://blog.csdn.net/freshlover/article/details/7076831
http://www.cnblogs.com/lhl98/p/3432794.html
以上链接对块与内元素有较好的讲解。
我们在微信IDE中进行实践就可以有较为清楚的“自我认知”。