📜  基础 CSS 基础版式无序列表

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

基础 CSS 基础版式无序列表

Foundation CSS是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架,可以轻松设计美观的响应式网站、应用程序和电子邮件,这些网站、应用程序和电子邮件看起来很棒并且可以在任何设备上访问。它被许多公司使用,例如 Facebook、eBay、Mozilla、Adobe,甚至迪士尼。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI,因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具,用于在移动设备上更快地呈现。

基本排版:标题、段落、列表和其他内联组件由 Foundation 中的排版定义,它为元素创建吸引人且简单的默认样式。

无序列表是一组没有特定顺序的对象,即项目的顺序无关紧要。

    标签用于构造这个列表。列表中的每个项目旁边都有一个项目符号。

    句法:

    • Content
    • Content
      • Content
      • Content
      ...

    示例 1:此示例描述了 Foundation CSS 中的基本排版无序列表。

    HTML
    
    
      
    
        
        Foundation CSS base typography unordered lists
        
        
    
      
    
        

            
    GeeksforGeeks
        

        

    Foundation CSS Base Typography Unordered Lists

        
              
    •             Web technologies used in web development:          
    •         
                    
      • HTML
      •             
      • CSS
      •             
      • JAVASCRIPT
      •             
      • PHP
      •             
      • BOOTSTRAP
      •         
          


    HTML
    
    
      
    
        
        Foundation CSS base typography unordered lists
        
        
    
      
    
        

            
    GeeksforGeeks
        

        

    Foundation CSS Base Typography Unordered Lists

        
              
    •             Web technologies used in web development:          
    •         
                    
      • item1
      •                 
                              
        • item 1(a)
        •                     
        • item 1(b)
        •                     
        • item 1(c)
        •                     
        • item 1(d)
        •                 
                    
      • item2
      •             
      • item3
      •                 
                              
        • item 3(a)
        •                     
        • item 3(b)
        •                     
        • item 3(c)
        •                 
                
          


    输出:

    示例 2 :此示例描述了 Foundation CSS 中的 Base Typography 嵌套无序列表。

    HTML

    
    
      
    
        
        Foundation CSS base typography unordered lists
        
        
    
      
    
        

            
    GeeksforGeeks
        

        

    Foundation CSS Base Typography Unordered Lists

        
              
    •             Web technologies used in web development:          
    •         
                    
      • item1
      •                 
                              
        • item 1(a)
        •                     
        • item 1(b)
        •                     
        • item 1(c)
        •                     
        • item 1(d)
        •                 
                    
      • item2
      •             
      • item3
      •                 
                              
        • item 3(a)
        •                     
        • item 3(b)
        •                     
        • item 3(c)
        •                 
                
          

    输出:

    参考: https://get.foundation/sites/docs/typography-base.html#unordered-lists