📜  基础 CSS 厨房水槽标签

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

基础 CSS 厨房水槽标签

Foundation CSS是 CSS 的前端框架,用于构建可在任何设备上完美运行的响应式网站、应用程序和电子邮件。它使用 HTML、CSS 和 Javascript 编写,并被许多著名公司使用,如 Amazon、Facebook、eBay 等。它使用 Grunt 和 Libsass 等包进行快速编码和控制,并使用 Saas 编译器加快开发速度。

Kitchen Sink具有在网站和应用程序中工作的元素。 Label是用于定义输入元素标签的内联样式。

基础 CSS 厨房水槽标签类:

  • label :用于定义输入元素的标签。

标签类型:

  • 主标签:用于创建蓝色的主标签。
  • 二级标签:用于创建灰色的二级标签。
  • 成功标签:用于创建绿色的成功标签。
  • 警报标签:用于创建红色的警报标签。
  • 警告标签:用于创建黄色的警告标签。

句法:

Primary

示例 1:此示例描述 Foundation CSS 中的厨房水槽标签。

HTML


  

    Foundation CSS Kitchen Sink Label
    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Label

    Primary label:      Primary Label
    Secondary label:      Secondary Label


HTML


  

    Foundation CSS Kitchen Sink Label
    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Label

    Success Label:     Success Label
      Alerting Label:     Alert Label
      Warning Label:     Warning Label
 


输出:

厨房水槽标签

示例 2:此示例描述了 Foundation CSS 中具有不同标签类别的厨房水槽标签。

HTML



  

    Foundation CSS Kitchen Sink Label
    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Label

    Success Label:     Success Label
      Alerting Label:     Alert Label
      Warning Label:     Warning Label
 

输出:

厨房水槽标签

参考: https://get.foundation/sites/docs/kitchen-sink.html#label