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

2.2 KiB
Raw Blame History

title localeTitle
CSS Framework Skeleton CSS фреймворк Skeleton

CSS фреймворк Skeleton

Skeleton(скелет) - это до смерти*(авт.) простой шаблон для запуска любого проекта с отзывчивой версткой.

Начало

Ниже представлен простой HTML-шаблон, который включает в себя последний скомпилированный и уменьшенный CSS для библиотеки Skeleton.


    <!DOCTYPE html> 
    <html lang="en"> 
      <head> 
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <title>Skeleton Template</title> 
        <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css"> 
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css"> 
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.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> 
      </body> 
    </html>

JSBin Demo

В этом примере мы использовали CDN, но вы можете проверить другие способы установки Skeleton здесь .

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

  • :point_right: Official Documentation скелета.
  • Посмотрите репозиторий с открытым исходным кодом Skeleton здесь .
  • Вот несколько примеров того, как скелет использовался на разных сайтах.