是不是看到封面圖就被嚇住了？
是不是？
是不是？
微信編輯，是一個沒什麼卵用的崗位
TA，一年有720天被老闆罵閱讀量低
TA，一天加班48小時追熱點，日復一日
TA，發燒80℃仍然要爬起來把文章轉發到微信群
TA，辛苦帶不來流量，每天對著兩位數的粉絲流淚
TA，努力搞不來原創，好不容易原創一篇發現別人早就寫了
TA，只能看著別人每天曬粉絲數曬收入曬原創.
TA，不會輕易狗帶！！！！！！！
沒錯，我就是一個微信編輯
我餵自己袋敵敵畏
專注微信奇技淫巧20年
聯合推廣？
第三方？
編輯器？
X便器？
呃.扯遠了
之前看了一篇文章
說會用PS做GIF的是「高級人才」(是反話麼？告訴我，告訴我)
我趙日天第一個表示不服...
文/商科狗對樣式的粗淺理解
技術大牛不要來挑刺了
然而看了也沒有什麼卵用
會了你也拿不到原創
一樣吸不來粉絲
只能看著10W+默默流淚
插播135小編微信名片，歡迎投稿互推合作或者嘮嘮~
理解「微信HTML」和PPT的關係
我們平時看的微信文章，其實是一個手機的網頁。
在網頁上自然可以使用代碼來進行美化
最常用的網頁語言名為HTML（超文本標記語言）
因為騰訊對HTML在微信的實現上進行了閹割
所以本文所說HTML的用「微信HTML」形容更貼切
那這個「微信HTML」和PPT又有什麼聯繫呢？
眾所周知，PPT是用一個個文本框和形狀的拼湊結合製作的
而微信的樣式也是這樣做出來的
只不過是用代碼來控制形狀、文本框的大小和顏色等
比起PPT直觀的拖曳操作來說更為抽象。
用代碼創作的時候，你就將樣式看作是一個PPT
理解起來更容易一些
常用的HTML標籤
HTML和PPT類似，那麼怎麼用代碼去構建出一個個的文本框和形狀呢？
標籤是HTML的核心，掌握了標籤以及標籤的屬性（CSS）
你可以輕而易舉的設計出你想要的任何樣式！
<section>標籤
<section>標籤是「微信HTML」中的文本框，填充了顏色就是形狀
目前火爆的背景圖片樣式就是在<section>中加入了background-image屬性
是不是覺得很好理解？背景圖片
<p>段落標籤
<p>的用途更加純粹一些，就是用來編輯文字的，給文字加粗、改變顏色，用的就是它。
<hr>水平線標籤
編輯微信文章，怎麼能沒有分割線？
<hr>標籤就是用來做分割線用的
可以是虛線，雙劃線，雙色線.
也可以加一點修飾
總之，思想有多淫蕩，分割線就有多淫蕩
HTML常識
❶標籤都是成對出現的
比如使用<section>標籤，必須有一個</section>標籤與之對應，表示結束，「/」是任何一個結束標籤中添加的符號。
<section>
HTML標籤是成對出現的
</section>
❷寬度高度的設置
HTML不像PPT，可以用滑鼠拖動文本框來調整大小。需要通過標籤屬性來進行設置。height、width兩個屬性分別對應標籤的長度和寬度。
<section style="width:200px;height:200px;">
添加屬性必須加入style=""，冒號後面跟屬性值，設定完一個屬性後一定要用分號結尾，所有的符號必須用英文字符。
如果你不清楚屏幕長寬多少像素（px），可以使用百分比來表示長寬佔屏幕的比例，如：width:33%代表寬度佔屏幕的三分之一
❸加個邊框吧！
使用屬性border可以調整<section>的邊框
<section style="width:200px;height:200px;border:1px solid #ccc;">
這個邊框寬1px，實線，灰色，border可以連續輸入寬度，形狀，顏色三種屬性，中間用空格隔開，結尾記得加分號
這一期先講這麼多，來日方長，且聽我半瓶醋（救火隊公眾號）慢慢講與你聽。
《會代碼就敢自稱高級微信編輯？》是連載教程，後續編碼教程會繼續推出，大家敬請期待！
本小編是軟體工程專業出身，對於一些想學代碼又覺得書本太枯燥的小夥伴的心情灰常了解，對於有小夥伴表示看不懂怎麼辦，告訴大家個笨方法，先把代碼裡面的英語單詞記住了~慢慢積累就能看懂了！
一款神奇的在線編輯器
網址請認準
www.135editor.com
其他網址或者讓下載都是騙人的啊！
135不能下載
135不能下載
135不能下載
135小夥伴歡迎添加小編微信（ID：gaoerr）
加入排版、教程投稿原創團隊
期待你的到來