📌  相关文章
📜  角材料-版式

📅  最后修改于: 2020-10-28 05:01:57             🧑  作者: Mango

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

下表列出了不同的类及其说明。

Sr.No Class Name & Description
1

md-display-1

Shows the text with Regular 34px.
2

md-display-2

Shows the text with Regular 45px.
3

md-display-3

Shows the text with Regular 56px.
4

md-display-4

Shows the text with Light 112px.
5

md-headline

Shows the text with Regular 24px.
6

md-title

Shows the text with Medium 20px.
7

md-subhead

Shows the text with Regular 16px.
8

md-body-1

Shows the text with Regular 14px.
9

md-body-2

Shows the text with Medium 14px.
10

md-button

Shows the button with Medium 14px.
11

md-caption

Shows the text with Regular 12px.

例

以下示例显示了排版CSS类的用法。

am_typography.htm

现场演示

      
      
      
      
      
      
      
            
   
   
    
      

         
.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

结果

验证结果。