入门 CSS 链接大小

Primer CSS是一个免费的开源 CSS 框架，它建立在创建基本样式元素（如间距、排版和颜色）的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。它是使用 GitHub 的设计系统创建的。

Primer CSS Links 大小可以使用营销链接组件附带的实用程序类来定义。有两种尺寸：大号和小号。营销链接可以通过应用link-mktg来定义 标签上的类。

入门 CSS 链接大小类：

• link-mktg f3-mktg：这些类用于将链接的大小设置为大。
• link-mktg f4-mktg：这些类用于将链接大小设置为小。

句法：

    ...

示例 1：下面的示例显示了使用上述类来更改链接的大小。

HTML

  

    
    
    
    
    

  

    

        
GeeksforGeeks
        Link Sizes - Primer CSS
    
      
    

        
           Large Link
         
        Default Link
        
           Small Link
        
    

输出：

示例 2：下面的示例显示了使用不同颜色的链接大小类。

HTML

  

    
    
    
    
    

  

    

        
GeeksforGeeks
        Link Sizes with Different Colors - Primer CSS
    
      
    

        
           Large Link with Success Color
        
        
           Large Link with Done Color
        
        
           Default Link with Danger Color
        
        
           Small Link with Accent Color
        
    

输出：

参考： https://primer.style/css/components/marketing-links#link-sizes