135編輯器專業排版教程——CSS排版法
135編輯器專業排版教程——CSS排版法
大家好，本期小楊來給大家講講有關CSS排版法的內容。
CSS排版法是公眾號最主流的排版方式，我們經常使用的135編輯器本質上也是基于CSS的排版方式；雖然借助135編輯器的工具與模板可以很快的完成一篇精美的排版，但若要掌握更高階的排版技巧，學習一些CSS有關概念就顯得尤為必要。
沒有看過之前文章的同學可以點擊下方鏈接查看上期的內容。
CSS即層疊樣式表(Cascading Style Sheets)，本質是網頁代碼；它可以修飾公眾號中的各種元素，比如給一段文字添加字體、字間距、字號；或者給一個區塊添加背景圖片與邊框。
當我們在135編輯器中給一個段落設置字號時，它的本質就是給網頁添加一段描述字號的代碼。
盒模型是公眾號中最基本的結構，我們可以把公眾號中的每一個元素都看作一個小盒子。
內容放置在盒子中央，內容與盒子邊緣的間距就是內邊距（padding）；盒子邊緣與其他盒子的距離就是外邊距（margin）。
CSS通過設置盒子的外邊距來確定盒子擺放的位置。
<section>是網頁代碼中節標簽的意思；它就像一個容器，文字與圖片都放在<section>結構中，構成一個組合。當你改變<section>的位置時，<section>中的文字與圖片的位置都會相應發生改變。
在并列結構中，兩個并列的盒子互不影響；
在嵌套關系中，父元素的CSS參數可以繼承給子元素，但如果子元素設置了自己的CSS參數，則以子元素的CSS參數為準。
微信公眾號是流式頁面；流式頁面即組件與組件之間采用的相對定位方式，下層組件只能確定與上層組件的距離，而沒有一個絕對的位置；因此，當你在兩段中插入一個新段落時，后面的段落會自動向下順延。
對于大多數人，這些概念僅需了解即可，135編輯器強大的工具可以幫助你完成絕大多數排版效果；如果你希望了解更專業的排版技術，就要學習CSS代碼知識。
———— END ————
立即登錄
