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