Angular Material - Typography

Angular Material - Typography - 从简单和简单的步骤学习角度材料从基本概念到高级概念，包括概述，环境设置，自动完成，底部工作表，按钮，卡片，复选框，芯片，联系芯片，内容，DatePicker，对话框，分频器， Fab Speed Dial，Fab工具栏，网格，图标，输入，布局，列表，菜单，菜单栏，进度条，单选按钮，选择，SideNav，滑块，Subheaders，刷卡，开关，标签，主题，Toast，工具栏，工具提示，排版，虚拟重复，WhiteFrame。

Angular Material提供了各种排版CSS类，可用于在Angular JS应用程序中创建视觉一致性.

下表列出了不同的类及其描述.

Sr.No	类名&说明
1	md-display-1 使用常规34px显示文本.
2	md-display-2 使用常规45px显示文本.
3	md-display-3 显示常规56px的文本.
4	md-display-4 用Light 112px显示文本.
5	md-headline 使用常规24px显示文本.
6	md-标题显示中等20px的文本.
7	md-subhead 使用Regular 16px显示文本.
8	md-body-1 显示常规14px的文本.
9	md-body-2 显示中等14px的文本.
10	md-button 显示中等14px的按钮.
11	md-caption 使用Regular 12px显示文本.

示例

以下示例显示了排版CSS类的使用.

am_typography.htm

                                                                  angular            .module('firstApplication', ['ngMaterial'])            .controller('typographyController', typographyController);                    function typographyController ($scope) {                        }                                       .md-display-4
         .md-display-3
         .md-display-2
         .md-display-1
         .md-headline
         .md-title
         .md-subhead
         .md-body-1
         .md-body-2
         .md-button         .md-caption

结果

验证结果.