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

2.3 KiB
Raw Blame History

title localeTitle
CSS Framework Foundation Основы CSS Framework

Основы CSS Framework

Foundation - это фронтенд-фреймворк с адаптивным дизаином и открытым кодом , созданный агенством Zurb .

Начало

Вот простой HTML-шаблон, который включает в себя последние скомпилированные и минифицированнные CSS и Javascript для библиотеки Foundation.


    <!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, который загружает настройки по умолчанию (вы можете найти последние версии библиотек ZurbFoundation на cdnjs.com). Если вы хотите настроить макет сетки, изменить цвета, добавить или удалить компоненты, посетите страницу загрузки Foundation.

Учебные ресурсы

  1. Документация фонда
  2. Список учебных пособий
  3. Исходные файлы Foundation на GitHub
  4. DevTips Серия YouTube на базовой сетке