regex hyperlink bluetooth textview vue最新版本 vue教学视频 java设计模式视频 纯html网页模板 js鼠标离开事件 oracle一键卸载工具 mac安装hadoop sallenkey滤波器 c语言求和 matlab取绝对值 python循环 python定义变量 java简介 java编程学习入门 java自学教程 java中tostring方法 java正则匹配数字 javaspring linuxgrep 离散数学及其应用 黑帮之地修改器 找茬辅助 俄罗斯方块java代码 ps插入表格 pr转场特效下载 考试练习系统 saminside blued是什么软件 subscribe 陌陌电脑直播设置教程 js验证码 脚本列表 小米游戏鼠标 透视网格工具怎么取消 win98序列号 ocr文字识别软件免费下载
当前位置: 首页 > 学习教程  > 

Bootstrap3 正文文本样式

2020/10/16 17:43:16 文章标签: bootstrap文本框

正文文本 对于正文文本,Bootstrap定义的默认字体栈为 "Helvetica Neue"、Helvetica、Arial、sans-serif,它们也是主流操作系统默认支持的标准字体。万一明确指定的字体都不存在,负责兜底儿的 sans-serif 会告诉浏览器使用默认的字…

正文文本

对于正文文本,Bootstrap定义的默认字体栈为 "Helvetica Neue"、Helvetica、Arial、sans-serif,它们也是主流操作系统默认支持的标准字体。万一明确指定的字体都不存在,负责兜底儿的 sans-serif 会告诉浏览器使用默认的字体。

Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。这些属性直接赋予 <body> 元素和所有段落元素。另外,<p> (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin-bottom)。如:

 
  1. <p> Nullam quis risus eget urna ….</p>

正文的排版效果如图 2‑12所示:

正文排版

图2-12 正文排版

在正文排版中,如果想要强调某个段落的文本,可以为它加上 class="lead" 让它突出显示,这会使段落文本稍稍变大、变粗,行高也被显著放大。如:

 
  1. <p class="lead">Vivamus sagittis lacus vel augue ….</p>

效果如图 2‑13所示:

强调段落

图2-13 强调段落

variables.less文件中的两个 Less 变量 @font-size-base@line-height-base 决定了排版尺寸,第一个变量定义了全局 font-size 基准,第二个变量定义了全局 line-height 基准。使用这些变量和一些简单的公式,就可以计算出其它所有页面元素的 margin、 padding 和 line-height。自定义这些变量,即可改变 Bootstrap 的默认样式。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。


本文链接: http://www.dtmao.cc/news_show_300026.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?