freeCodeCamp/guide/chinese/css/css-frameworks/css-framework-foundation/index.md

1.5 KiB
Raw Blame History

title localeTitle
CSS Framework Foundation CSS框架基础

CSS框架基础

Foundation是由Zurb创建的开源移动的第一个CSS框架。

入门

这是一个简单的HTML模板其中包含用于Foundation库的最新编译和缩小的CSS和Javascript。


    <!DOCTYPE html> 
    <html lang="en"> 
      <head> 
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Foundation Template</title> 
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.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/foundation/6.2.1/foundation.min.js"></script> 
      </body> 
    </html> 

此示例使用加载默认设置的CDN。如果您想自定义网格布局请在Foundation 下载页面上更改颜色或添加和删除可以执行此操作的组件。

学习资源

  1. 基础文档
  2. 基础教程列表
  3. GitHub上的基础源文件
  4. 在Foundation Grid上开发YouTube系列