📜  入门 CSS 标头链接

📅  最后修改于: 2022-05-13 01:56:35.203000             🧑  作者: Mango

入门 CSS 标头链接

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

Primer CSS Header用于制作具有垂直对齐项目和水平间距的标题。 Primer CSS Header-Link用于使用Header-link类创建标题项链接。在本文中,我们将讨论 Primer CSS Header-Link。

入门 CSS Header-Link 类:

  • Header-link:该类用于创建标题项链接。

句法:

示例 1:以下代码演示了 Primer CSS Header-Link。

HTML


  

     Primer CSS Header-Link 
    

  

    
        

GeeksforGeeks

        

Primer CSS Header-Link

    


       
                      
  


HTML


  

   Primer CSS Header-Link 
  

  

    
      

GeeksforGeeks

      

Primer CSS Header-Link

    


       
        
                       GFG Link 1                    
                                   
                           Logn In                      
                 
                           Sign Up                      
    
  


输出:

入门 CSS 标头链接

示例 2:以下代码演示了 Primer CSS Header-Link。

HTML



  

   Primer CSS Header-Link 
  

  

    
      

GeeksforGeeks

      

Primer CSS Header-Link

    


       
        
                       GFG Link 1                    
                                   
                           Logn In                      
                 
                           Sign Up                      
    
  

输出:

入门 CSS 标头链接

参考: https://primer.style/css/components/header#header-link