先來概要一下學習思路：
本系列內容，將針對微信小程序中的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中進行實踐就可以有較為清楚的“自我認知”。