美文网首页
第二章 排版 2.3段落

第二章 排版 2.3段落

作者: Murrey_Xiao | 来源:发表于2016-07-01 15:59 被阅读16次

段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本):
1、全局文本字号为14px(font-size)。

2、行高为1.42857143(line-height),大约是20px

3、颜色为深灰色(#333)

4、字体为"Helvetica Neue", Helvetica, Arial, sans-serif;(font-family),或许这样的字体对我们中文并不太合适,但在实际项目中,大家可以根据自己的需求进行重置,在此我们不做过多阐述,我们回到这里。该设置都定义在<body>元素上,由于这几个属性都是继承属性,所以Web页面中文本(包括段落p元素)如无重置都会具有这些样式效果。
/源码请查看bootstrap.css文件中第274行~280行/

body {
font-family: "Helvetica Neue", Helvetica, Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}

另外在Bootstrap中,为了让段落p元素之间具有一定的间距,便于用户阅读文本,特意设置了p元素的margin值(默认情况之下,p元素具有一个上下外边距,并且保持一个行高的高度):
/源码请查看bootstrap.css文件中第467行~469行/

p {
 margin: 0 0 10px;
}

相关文章

  • 第二章 排版 2.3段落

    段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本)...

  • 排版——段落

    人们不喜欢在网上阅读。他们经常同时处理多项任务,在选项卡、电话通知和工作职责之间切换。如果呈现大量文本,大多数人会...

  • 段落的排版

    #多级列表

  • CSS 文字格式化

    文字格式化排版 段落格式化排版

  • Markdown语法说明

    Markdown语法说明 [TOC] 排版 目录: 输入[toc] , 按回车Enter 标题: 段落: 一个段落...

  • 公众号编辑新手必读:你和高手只是差了一个编辑器

    昨天和大家分享了一些关于公众号排版段落字体需要注意的细节(公众号编辑教你如何排版(段落字号篇))。和群里面的朋友交...

  • 为什么要排版呢?

    最近有朋友说我的公众号文章排版不好,我反问,为什么要排版呢? 我喜欢的是每个段落空行隔开,每个段落不要写太多的句子...

  • Word技巧:如何让带编号的段落第二行顶头排版?

    场景:适合学生写论文和企业HR部门的进行文档编号段落排版的办公人士。 问题:如何让带编号的段落第二行顶头排版? 解...

  • 新媒体学习小记

    微信图文编辑排版 了解图文排版工具 微信图文排版工具简介 秀米、(字间距1,行间距2,段落为8像素,两端对齐,字号...

  • 微信公众号:如何让粉丝主动关注你?

    排版 【内容】五大原则: 亲密(按段落划分) 重复(强化品牌记忆。) 对齐(左对齐、居中对齐、右对齐) 留白(段落...

网友评论

      本文标题:第二章 排版 2.3段落

      本文链接:https://www.haomeiwen.com/subject/omofjttx.html