greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/chinese/css/css-frameworks/css-framework-semanticui/index.md

1.3 KiB
Raw Blame History

title localeTitle
CSS Framework Semantic UI CSS框架语义UI

CSS框架语义UI

语义UI是最流行的CSS框架之一，用于为Web开发响应式移动优先项目。

入门

这是一个简单的HTML模板，其中包含用于语义UI库的最新编译和缩小的CSS和Javascript。我们在此示例中使用了CDN，但您可以在此处查看安装Semantic UI的其他方法。


    <!DOCTYPE html> 
    <html lang="en"> 
      <head> 
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Semantic UI Template</title> 
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.13/semantic.min.css"> 
      </head> 
      <body> 
        <h1>Hello World</h1> 
        <!-- Add all HTML Code here --> 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
        <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.13/semantic.min.js"></script> 
      </body> 
    </html>

学习资源

  • 这里提供了Semantic UI的官方文档。
  • 在这里 Checkout Semantic UI的开源GitHub存储库。