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  ————






       

文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
我只想做你的太阳资深编辑
一步一步努力向上!
共911篇文章
最近文章
更多
  • 知乎热议:微信公众号如何快速涨粉?
  • 0基础运营小白学习什么新媒体课程比较好?
  • 新媒体,自媒体新人必学的课程有哪些?
  • 不懂就问:新媒体运营应该怎样学习?
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到