开发手册 欢迎您!
软件开发者资料库

Foundation - Typography Helpers

基础排版助手 - 从基本到高级概念的简单简单步骤学习基础,包括概述,安装,入门项目,厨房水槽,全局样式,Sass,JavaScript,JavaScript实用程序,媒体查询,网格,Flex网格,表单,可见性类,基本排版,排版助手,按钮,按钮组,关闭按钮,滑块,开关,导航,菜单,下拉菜单和向下钻取菜单,手风琴菜单,响应导航,麦哲伦,分页,面包屑,容器,手风琴,标注,下拉菜单-panes,媒体对象,画布,显示模态,表格,标签,Flex视频,标签,轨道,进度条,工具提示,插件,遵守,均衡器,交换,Toggler,粘滞,Sass功能和Mixins,运动UI。

在本章中,我们将研究排版助手.排版助手用于以语义相关的方式设置文本格式. Foundation中的助手课程让您可以更快地搭建一些排版样式.

下表列出了基金会中使用的排版助手.

Sr.No.排版助手&说明
1文本对齐

它有助于更改元素的文本对齐方式,如 left right 中心证明.

2Subheader

可以使用 .subheader 类将子标题添加到任何标题元素.

3Lead Paragraph

与普通文本相比,它是一个相当大的文本块,可用于广告或其他描述性文本.

4项目符号清单

默认情况下,< ul> 是Foundation中的项目符号列表.要删除子弹,可以使用 .no-bullet 类.

5统计数据

每当您处理仪表板时,都需要突出显示一些重要数字.您可以使用 .stat 类来实现此目的.

Sass参考

变量

下表列出了项目设置文件中的SASS变量,这些变量使组件的默认样式可以自定义./p>

Sr.No.姓名&说明输入默认值
1

$ lead-font-size

默认情况下引导段落的字体大小.

Number$ global-font-size * 1.25
2

$ lead-lineheight

铅段的线高默认情况下.

字符串1.6
3

$ subheader-lineheight

Subheader的默认行高.

Number1.4
4

$ subheader-color

Subheader的默认字体颜色.

颜色$ dark-grey
5

$ subheader-font-weight

Subheader的默认字体粗细.

String$ global-weight-normal
6

$ subheader-margin-top

Subheader的默认上边距.

数字0.2rem
7

$ subheader-margin-bottom

子标题的默认底部边距.

数字0.5rem
8

$ stat-font-size

静态编号的默认字体大小

编号2.5rem