2018-10-12 20:00:59 +00:00
---
title: CSS Framework Skeleton
2018-11-13 16:42:47 +00:00
localeTitle: CSS фреймворк Skeleton
2018-10-12 20:00:59 +00:00
---
2018-11-13 16:42:47 +00:00
# CSS фреймворк Skeleton
2018-10-12 20:00:59 +00:00
2018-11-13 16:42:47 +00:00
Skeleton(скелет) - это до смерти*(авт.) простой шаблон для запуска любого проекта с отзывчивой версткой.
2018-10-12 20:00:59 +00:00
2018-11-13 16:42:47 +00:00
## Начало
2018-10-12 20:00:59 +00:00
2018-11-13 16:42:47 +00:00
Ниже представлен простой HTML-шаблон, который включает в себя последний скомпилированный и уменьшенный CSS для библиотеки Skeleton.
2018-10-12 20:00:59 +00:00
```html
<!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 >
```
[![ ](//discourse-user-assets.s3.amazonaws.com/original/2X/3/31bd555700f1ee85bb4ddcacf595f0dfd8a16254.png ) **JSBin Demo** ](http://jsbin.com/sekojaxali/edit?html,output)
В этом примере мы использовали CDN, но вы можете проверить другие способы установки Skeleton [здесь ](https://github.com/dhg/Skeleton#getting-started ) .
## Учебные ресурсы
* ![:point_right: ](//forum.freecodecamp.com/images/emoji/emoji_one/point_right.png?v=2 ": Point_right:" ) [**`Official Documentation`** ](http://getskeleton.com/#grid ) скелета.
2018-11-13 16:42:47 +00:00
* Посмотрите репозиторий с открытым исходным кодом Skeleton [здесь ](https://github.com/dhg/Skeleton ) .
* [Вот ](http://getskeleton.com/#examples ) несколько примеров того, как скелет использовался на разных сайтах.