📜  语义 UI 简介

📅  最后修改于: 2021-08-31 07:19:10             🧑  作者: Mango

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可以用来使您的网站看起来更神奇。

如何使用语义用户界面?
只需谷歌 CDN 语义 UI,您将获得语义 UI 的 CDN 链接,并将其放入 HTML 的 head 标签中,您就可以开始使用了。

让我们看看如何在 HTML 中放置语义 UI CDN 的代码。



    
        Semantic UI
        
    
    
        

This is How to intergrate semantic-ui

             

您可以从头部删除链接以查看差异。

第二种使用方式是下载语义UI的min.css文件,其链接可以在语义UI官网找到,直接使用,离线帮助。

现在让我们看一个使用 Semantic-UI 的例子。



    
        Semantic UI
        
    
    
        
            

GeeksforGeeks

            

This is a simple example of using semantic-ui

        
             

输出:

让我们看另一个 Semantic-UI 加载器的例子。



    
        Semantic UI
        
    
    
        
            
            
            
            
            
          
             

输出:

您可以通过单击在 IDE 上运行来直接运行这些示例。