先来概要一下学习思路：

本系列内容，将针对微信小程序中的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中进行实践就可以有较为清楚的“自我认知”。