Как добавить css в html

Коротко о CSS и HTML

Раньше оформление веб-страниц выполнялось исключительно средствами HTML. Сейчас такой подход не практикуется, и для стилизации используются средства CSS, которые имеют очень широкие возможности для создания потрясающего дизайна.


You will be interested:How dangerous is the new coronavirus?

Для того чтобы оформление сайта отображалось корректно, необходимо выполнить подключение CSS в HTML документ, эти средства работают неотрывно друг от друга — HTML создает структуру, а таблицы стилей отвечают за внешний вид.

Существует несколько основных способов, которыми можно настроить отображение стилей в коде HTML, каждый из них имеет свои плюсы и минусы.

Способ №1 — Создаем CSS-файл и подключаем его к HTML-файлу

Вы уже знаете, что все HTML-файлы имеют расширение .html. Например:

  • index.html
  • contacts.html
  • page-2.html

Точно также для CSS-стилей мы можем создать отдельный файл, только с расширением .css. Например, style.css.

На картинке ниже показан пример, как можно подключить файл style.css к файлу index.html.

Как видите, в теге <head> нам необходимо написать следующее:

<head> <link rel=»stylesheet» href=»style.css»> </head>

1 2 3

<head>

<link rel=»stylesheet»href=»style.css»>

<head>

  • <link>  — это специальный тег, который используется для подключения CSS-стилей.
  • rel = «stylesheet» — это аттрибут rel со значением «stylesheet», что значит таблица стилей. То есть таким образом мы говорим браузеру, что мы хотим подлючить таблицу стилей.
  • href = «style.css» — в аттрибуте href мы прописали путь к файлу style.css.

Как бы и все Файл style.css будет подключен к файлу index.html.

Теперь сделайте это на практике — всего 3 шага:

Шаг 1: Создадим 2 файла:  index.html и style.css.

Структура файла index.html

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Название страницы</title> </head> <body> <p>Утром надо быть особенно осторожным. Одно неловкое движение — и ты снова спишь.</p> <p>Вот так всегда. Запланируешь 20 дел. Сделаешь 30. И ни одного из 20 запланированных.</p> </body> </html>

1 2 3 4 5 6 7 8 9 10 11

<!DOCTYPE html>

<html>

<head>

<meta charset=»UTF-8″>

<title>Названиестраницы<title>

<head>

<body>

<p>Утромнадобытьособенноосторожным.Однонеловкоедвижение-итысноваспишь.<p>

<p>Воттаквсегда.Запланируешь20дел.Сделаешь30.Иниодногоиз20запланированных.<p>

<body>

<html>

Структура файла style.css

p { font-family: Georgia; font-size: 18px; color: green; }

1 2 3 4 5

p{

font-familyGeorgia;

font-size18px;

colorgreen;

}

Шаг 2: Подключаем файл style.css к файлу index.html.

Для этого в файле index.html добавьте тег <link> c необходимыми аттрибутами:

<!DOCTYPE html> <html lang=»en»> <head> <meta charset=»utf-8″> <title>Название страницы</title> <link rel=»stylesheet» href=»style.css»> </head> <body> <p> Утром надо быть особенно осторожным. Одно неловкое движение — и ты снова спишь. </p> <p>Вот так всегда. Запланируешь 20 дел. Сделаешь 30. И ни одного из 20 запланнированных. </p> </body> </html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<!DOCTYPE html>

<html lang=»en»>

<head>

<meta charset=»UTF-8″>

<title>Названиестраницы<title>

<link rel=»stylesheet»href=»style.css»>

<head>

<body>

<p>Утромнадобытьособенноосторожным.Однонеловкоедвижение-итысноваспишь.<p>

<p>Воттаквсегда.Запланируешь20дел.Сделаешь30.Иниодногоиз20запланнированных.<p>

<body>

<html>

Шаг 3: Открываем файл index.html в браузере. В браузере Вы увидите 2 текста параграфов, написанные:

  • шрифтом: Georgia
  • размером шрифта: 18px
  • цветом: зеленым

Поздравляем! Вы уже умеете подключать CSS к HTML.

Следующие 2 способа подключения CSS мы опишем в следующей статье.

Надеемся, данная статья была Вам полезна! Читайте дальше наши статьи или приходите учиться к нам на курсы по Front-End. Детальнее о наших курсах у нас на сайте здесь.

Таблицы стилей внутри HTML документа

Иногда значение какого-либо стилевого параметра задается непосредственно в теле HTML-документа при помощи атрибута style.

Синтаксис:

В этом абзаце текст красного цвета

Очевидный недостаток — отсутствие универсальности, прописывать значение придется для каждого тега.

Также подключение CSS в HTML при помощи внутренних таблиц стилей не позволяет браузеру кэшировать информацию, в отличие от предыдущего метода.


Этот способ не рекомендуется использовать, он перегружает документ и замедляет восприятие браузером. Если в документе используется несколько вариантов стилизации, то внутренние таблицы стилей будут находиться в приоритете.

Шаги

Метод 1 из 2: Как уставить внешнюю таблицу стилей

  1. 1

    Создайте файл CSS. Подготовьте и сохраните файл CSS с расшиернием «.css».

  2. 2

    Загрузите файл CSS на сайт.

  3. 3

    Скопируйте адрес (URL) файла CSS. Адрес сайта будет выглядеть как-то так: www.yoursite.com/stylesheet.css

    Хорошей практикой является удаление из адреса (URL) основного имени домена. Исходя из этого, адрес http://мойсайт.com/css/default.css будет сокращен до «/css/default.css». Не забудьте включить ведущий слэш («/»). Он называется относительным путем.

    .

  4. 4

    Вставьте в файл ссылку. Найдите в файле HTML метку </head> и создайте пустую строку прямо над ней. Вставьте в эту строку <LINK rel=stylesheet type=»text/css» href=»www.ваш_сайт.com/stylesheet.css»>, заменив «www.ваш…» на ссылку в файле CSS.

  5. 5

    Сохраните файл HTML и загрузите его на сайт.

  6. 6

    Убедитесь, что на сайте все выглядит так, как и должно выглядеть. В противном случае снова откройте файл HTML, найдите ошибки и внесите изменения.

Метод 2 из 2: Как вставить внутреннюю таблицу стиля

  1. 1

    Создайте метку <style>. Откройте файл HTML и найдите метку </head>. Добавьте над ней несколько пустых строк и введите следующее:

<STYLE type="text/css">

</STYLE>
  1. 1

    Вставьте все свои CSS между этими двумя метками.

  2. 2

    Сохраните файл HTML (с расширением .HTML).

  3. 3

    Убедитесь, что на сайте все выглядит так, как и должно выглядеть. В противном случае внесите нужные изменения.

Советы

Всегда проверяйте внешний вид сайта в разных браузерах и на разных операционных системах. Некоторые браузеры подключаются к CSS немного по-разному. Это даже может произойти в одном и том же браузере, но на разных версиях Mac и Windows. Если в другом браузере ваш сайт выглядит иначе (например, промежуток между некоторыми объектами, такими как списки, имеет другой размер), тогда проблема заключается в настройках этого браузера. Найдите таблицу мастер-стилей и вставьте ее в начало файла CSS, чтобы изменить стандартные настройки браузера. Это делается для того, чтобы ваши настройки ничего не меняли в самом браузере. Вставьте внешнюю таблицу стилей, если у вас есть такая возможность. Это позволит вам менять внешний вид сайта, изменяя код в исходном файле. Так вам не придется менять CSS на каждой странице сайта. Если сайт не реагирует на CSS так, как вы того ожидали, перепроверьте всю кодировку, чтобы удостовериться в правильности ее написания

В частности, уделите особое внимание точкам с запятыми («;») и закрывающимся скобкам («}»). В CSS файле довольно просто пропустить один из этих символов. Сохраните файл HTML на компьютер, чтобы потом открыть его в различных веб-браузерах и перепроверить его внешний вид перед дальнейшей загрузкой

Но чтобы его загрузить, файл CSS необходимо вставлять в HTML в качестве внешней таблицы стилей. Если таблица стилей сама себе противоречит – например, сначала в ней говорится, что текст будет синим, а затем, что он будет красным – выполняться всегда будет последнее условие. Если одна команда представляет собой внешнюю таблицу стилей, а другая – внутреннюю, активной будет внутренняя таблица.

Стили

/div>

Здесь уже нет элемента style , зато есть элемент link , который подключает выше созданный файл styles.css:

Таким образом, определяя стили во внешнем файле, мы делаем код html чище, структура страницы отделяется от ее стилизации. При таком определении стили гораздо легче модифицировать, чем если бы они были определены внутри элементов или в элементе style , и такой способ является предпочтительным в HTML5 .

Использование стилй во внешних файлов позволяет уменьшить нагрузку на веб-сервер с помощью механизма кэширования. Поскольку веб-браузер может кэшировать css-файл и при последующем обращении к веб-странице извлекать нужный css-файл из кэша.

Также возможна ситуация, когда все эти подходы сочетаются, а для одного элемента одни свойства css определены внутри самого элемента, другие свойства css определены внутри элемента style, а третьи находятся во внешнем подключенном файле. Например:

А в файле style.css определен следующий стиль:

Div{ width:50px; height:50px; background-color:red; }

В данном случае в трех местах для элемента div определено свойство width, причем с разным значением. Какое значение будет применяться к элементу в итоге? Здесь у нас действует следующая система приоритетов:

  • Если у элемента определены встроенные стили (inline-стили), то они имеют высший приоритет, то есть в примере выше итоговой шириной будет 120 пикселей
  • Далее в порядке приоритета идут стили, которые определены в элементе style
  • Наименее приоритетными стилями являются те, которые определены во внешнем файле.

Атрибуты html и стили css

Многие элементы html позволяют устанавливать стили отображения с помощью атрибутов. Например, у ряда элементов мы можем применять атрибуты width и height для установки ширины и высоты элемента соответственно. Однако подобного подхода следует избегать и вместо встроенных атрибутов следует применять стили CSS

Важно четко понимать, что разметка HTML должна предоставлять только структуру html-документа, а весь его внешний вид, стилизацию должны определять стили CSS

Валидация кода CSS

В процессе написания стилей CSS могут возникать вопросы, а правильно ли так определять стили, корректны ли они. И в этом случае мы можем воспользоваться валидатором css, который доступен по адресу http://jigsaw.w3.org/css-validator/ . Вот видеоурок как подключить CSS к HTML

Пока стили CSS не подключить к HTML странице, никакого эффекта от их использования не будет. Существует несколько способов, как это можно сделать.

Для тех, кто любит смотреть в формате видео.

Для того, чтобы продемонстрировать, как работает каждый из этих способов, возьмем, для примера, html-файл со следующим содержимым.

Задача стилей CSS, которые будут подключаться, сделать элемент абзаца


Красным цветом.

Документ без названия

Во всех примерах, результат на веб-странице будет один и тот же. Вы увидите вот такой красный абзац текста.

1 вариант. Внутри открывающего тега с помощью атрибута style.

Элементам на странице, которые располагаются внутри элемента body, можно добавить атрибут style. Значением этого атрибута могут быть свойства и значения CSS, которые должны будут применены к этому элементу.

Давайте посмотрим, как это работает на конкретном примере. Атрибут style добавлен для элемента

Документ без названия

Абзац

Обратите внимание, что в этом случае не нужно использовать селектор, т.к. элемент, к которому добавлены стили уже определен

2 вариант. Внутри элемента style.

Еще один способ подключения стилей CSS, это воспользоваться элементом

Давайте посмотрим, как это выглядит на конкретном примере.

Документ без названия

3 вариант. Подключение внешнего файла стилей.

И последний вариант подключения стилей CSS является использование элемента link, который позволяет подключать к HTML странице внешние файлы.

Обратите внимание на атрибуты, которые указываются у этого элемента. Они тоже являются обязательными

В атрибуте href указывается путь к css файлу, который нужно подключить

Они тоже являются обязательными. В атрибуте href указывается путь к css файлу, который нужно подключить.

Документ без названия

Файл style.css содержит следующих код:

P {color:red;}

Эти 3 способа подключения стилей CSS очень часто используются на практике. Советую вам поэкспериментировать с этими примерами на своем компьютере. В будущем, это вам очень сильно пригодиться.

css-файл расширением css style.css

Поздравляю! Ваш файл готов. Он пока пустой, но позже его можно будет наполнить соответствующим содержимым. Ниже мы рассмотрим азы — способы подключения css.

Встроенные стили

Встроенный стиль может использоваться для применения уникального стиля для отдельного элемента на HTML странице.

Чтобы использовать встроенные стили, добавьте атрибут стиля к соответствующему элементу (тегу). Атрибут может содержать любое свойство CSS.

Примечание. Встроенный стиль необходимо использовать как-можно реже, в крайних случаях, когда нужно выделить отдельный фрагмент текста (словосочетание) только на одной HTML странице. Встроенный стиль перегружает HTML-код и увеличивает общий объем веб-страницы.

Пример

Встроенные стили определяются в атрибуте «style» соответствующего элемента:

<!DOCTYPE html><html><body><h1 style=»color:blue;text-align:center;»>This is a heading</h1><p style=»color:red;»>This is a paragraph.</p> </body></html>

Примечание: Встроенный стиль теряет многие из преимуществ таблицы стилей (путем смешивания контента с его визуальным представлением). Используйте этот метод умеренно.

Подключение внешних таблиц стилей

Самым удобным способом работы с таблицами CSS, является применение внешних таблиц стилей. Внешними они называются по тому, что CSS код помещается отдельно от HTML разметки и подключается к страницу с помощью строки 

Где в атрибуте href необходимо указать путь к css файлу (Файл в который содержит все наши CSS стили, расширение файла должно быть .css). 

Таким образом, мы можем к каждой новой странице, добавлять строку подключения к этому файлу. И все стили которые работали в первой HTML странице будут так-же применены и к последующим. 

Так как CSS теперь у нас вынесн в отдельный файл, браузер его скачивает при первом обращении к нему и в дальнейшем, если айл небыл измене, то он его использует дальше (файл попадает в кэш браузера) следовательно, страница будет загружаться намного быстрее, а если при этом вы используете минимизацию css и js файлов, то загрузка произойдет в разы быстрей.

Так-же мы можем помещать CSS код в разные файлы. К примеру за оформление текста, файл fonts.css, а за все остальное styles.css. И подключать их вместе к HTML странице, т.к. можно подключать сразу несколько CSS файлов к одной HTML странице.

Как подключить один css в другой css файл

В заключении, хочу рассмотреть способ, в котором будем подключать в основном файле css, дополнительный.

  1. Откроем файл «style.css».
  2. Добавим код .
  3. Сохраняем изменения.

Следовательно, при помощи @import, мы можем подключить таблицу стилей из другого файла css. В данном случае, в теле основного файла стилей, подключаем «blt.css», который находится в папке «css».

Кроме того, аналогичным способом, можно подключать внешние стили и в теге «Style». Будет выглядеть так:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Как подключить один css в другой css</title>

<style>
@import url("/css/blt.css")
p { line-height:2em; }
</style>

</head>
<body>
....
</body>
</html>

Интересненько!Нужно срочно изучить!

Как подключить на сайт шрифт

Шрифт — это один из основных элементов оформления любой веб-страницы. Впечатление, которое сайт производит на пользователя, напрямую зависит от используемого шрифта. К счастью, можно не ограничиваться стандартными гарнитурами, есть возможность подключения любых других — расскажем, как это делается.

Посредством CSS подключение шрифтов производится следующим образом:

  • Найдите и скачайте подходящую гарнитуру.
  • Откройте CSS файл и пропишите в нем следующий код:

@font-face { font-family: «Open Sans»; src: url(«../fonts/OpenSans.ttf») format(«truetype»); font-style: normal; font-weight: normal; }

Сначала задается название шрифта, затем путь к нему, в конце — параметры

Обратите внимание, на данном примере файл со шрифтом размещен в папке fonts, которая, в свою очередь, находится в корневой директории. Для удобства лучше создавать отдельные папки для различных файлов и элементов (изображения, скрипты, таблицы стилей и т

д.).

Итак, в папке fonts у нас лежит файл с названием OpenSans.ttf, с обычными параметрами. Теперь он будет отображаться в браузере.

Как подключить CSS — способы подключения. Основы CSS для начинающих. Урок №3

Всем привет! В этом уроке я расскажу о способах подключения CSS файла к HTML. Существует 3 способа подключения CSS файла. Спросите, зачем вам знать именно 3 способа? Отвечу, что нужно, потому что бывают случаи, когда необходимо использовать как раз все эти 3 способа подключения.

○ Способ №1 – «Таблица связанных стилей»

Все стили хранятся в одном файле с расширением «.css». Если связать все HTML файлы веб-страниц с таким CSS файлом, то при изменениях стили страниц (цвет, фон, размер шрифта и т.д.) будут изменяться во всех HTML документах, связанных с CSS файлом. Схематично это выглядит так:


Чтобы связать HTML документ с CSS файлом, добавьте между тегами <head> специальный тег <link>.* Закрывающий тег не нужен

<link rel="stylesheet" type="text/css" href="style.css">

href – прописываем путь к  css файлу. В примере выше файл «style.css» находится вместе с остальными HTML файлами в одной директории. Разберём способ №1 поэтапно и практично от «а» до «я»:

1 этап — создать файл «style.css»

Давайте попробуем на практике создать файл «style.css». Откройте блокнот, который есть у вас на ПК. Кнопка «Пуск» =>  «Все программы» => «Стандартные» => «Блокнот»:

В открывшем блокноте нажмите в меню сверху «Файл» => «Сохранить как…»:

Далее укажите место, куда вы хотите сохранить файл, лучше файл разместить вместе с остальными HTML файлами.

В поле «Имя файла» напишите «style.css», а не просто style (это важно!). Таким способом мы создаем файл с расширением «*.css»

Далее нажмите на кнопку «Сохранить»:

Вот такая должна получиться общая картина:

Вот и все, файл «style.css» был создан. Можете вставить в файл «style.css» вот это правило для тега <h1> и сохранить:

H1
{
font-size: 150px; /* Размер шрифта */
color: #cc0000 /* Цвет текста */
}

В HTML файле вставьте вот этот код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример подключения таблицы CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Заголовок</h1>
<p>Текст</p>
</body>
</html>

В результате должно получиться вот такое:

Этот способ поможет делать изменения внешнего вида всего сайта, изменяя только правила в одном файле «style.css». Припустим, меняем цвет и размер для заголовка в «style.css», то на всех 1000 страницах произойдет одновременное автоматическое изменение. На чистом HTML, без CSS, пришлось бы эти изменения делать отдельно на каждой странице из 1000. Ужас!!! 

○ Способ №2 – «Таблицы глобальных стилей»

Этот способ тоже применяется и я уверен, что вы с ним столкнетесь. Для подключения такого способа CSS стилей достаточно прописать между тегами <head></head> тег <STYLE>.* Закрывающий тег обязателен

<style type="text/css"></style>

Можно и так:

<style></style>

Между тегами <style></style> прописываются необходимые CSS правила для веб-страницы. Минус такого способа в том, что эти стили будут только для одной страницы, где размещены эти стили.

Пример:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример подключения таблицы CSS</title>
<style>
H2
{
font-size: 150px; /* Размер шрифта */
color: #cc0000 /* Цвет текста */
}
</style>
</head>
<body>
<H2>Заголовок H2</H2>
</body>
</html>

Результат:

В примере выше я изменил размер и цвет Заголовка H2, используя таблицу стилей CSS.

○ Способ №3 – «Внутренние стили»

Способ №3 я использую в редких случаях, например,  для изменения одиночного тега на веб-странице. Для подключения стиля к любому тегу, нужно прописать параметр style.

style="тут будут CSS правила"

Пример:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример подключения таблицы CSS</title>
</head>
<body>
<H2 style="font-size: 150px; color: #cc0000">Заголовок H2</H2>
</body>
</html>

Результат:

В примере выше я изменил размер и цвет Заголовка H2, используя стили CSS.

○ Комбинированный метод подключения стилей

Все эти три способа можно комбинировать.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Пример подключения таблицы CSS</title>
<style>
H2
{
font-size: 150px; /* Размер шрифта */
color: #cc0000 /* Цвет текста */
}
</style>
</head>
<body>
<H2 style="font-size: 50px; color: green;">Заголовок</H2>
<H2>Заголовок</H2>
</body>
</html>

На сегодня все! Жду вас на следующих уроках. Подписывайтесь на обновления блога!

Вариант 1 — Глобальный CSS

Глобальный CSS помещается в контейнер <head> конкретной страницы. При таком варианте подключения классы и идентификаторы (ID) могут быть использованы для обращения к CSS коду, однако, они будут активны только на этой конкретной странице. CSS стили подключенные таким путем загружаются при каждой повторной загрузке страницы, поэтому они могут повлиять на скорость ее загрузки. Тем не менее, существует несколько ситуаций в которых использование глобальных CSS может быть полезно. К примеру, если вам необходимо отправить кому-нибудь шаблон страницы — вам гораздо проще будет предоставить предварительный результат, если все будет на одной странице. Глобальные CSS помещаются между тегами <style></style>. Вот пример глобальной таблицы стилей:

<head>
  <style type="text/css">
    p {color:white; font-size: 10px;}
    .center {display: block; margin: 0 auto;}
    #button-go, #button-back {border: solid 1px black;}
  </style>
</head>

Преимущества глобальных CSS

  • Таблица стилей влияет только на одну страницу.
  • В глобальной CSS могут быть использованы классы и идентификаторы (ID).
  • Нет необходимости загружать несколько файлов. HTML и CSS могут быть в одном и том же файле.

Недостатки глобальных CSS:

  • Увеличенное время загрузки страницы.
  • Подключается только к одной странице — неэффективно, если вы хотите использовать одну и ту же CSS для нескольких страниц.

Как произвести подключение CSS к HTML странице

  1. Откройте вашу HTML страницу в любом текстовом редакторе. Если страница уже загружена на вашу учетную запись хостинга, вы можете использовать текстовый редактор предоставленный вашим хостингом. Если данный документ HTML находится на вашем компьютере, вы можете использовать любой текстовый редактор для его редактирования, и после этого повторно загрузить его на вашу учетную запись хостинга используя FTP-клиент.
  2. Найдите открывающий тег <head> и добавьте после него следующий код:
<style type="text/css">
  1. Далее перейдите к следующей строке и добавьте нужные CSS правила, к примеру:
body {
     background-color: blue;
 }
 h1 {
     color: red;
     padding: 60px;
 }
  1. Как только вы закончите добавление CSS правил, добавьте закрывающий тег:
</style>

После всех действий, документ HTML с глобальной CSS должен выглядеть примерно так

<!DOCTYPE html>
<html>
<head>
<style>
body {
    background-color: blue;
}
h1 {
    color: red;
    padding: 60px;
} 
</style>
</head>
<body>

<h1>Руководство Hostinger</h1>
<p>Это наш текст.</p>

</body>
</html>

Импорт чужого CSS

Из предыдущего раздела понятно, как использовать чужой стиль в своем документе: просто укажите URL соответствующего файла в своих HTML-документах.

<link href=»https://example.com/styles.css» rel=»stylesheet«>

Вот и все. Но имейте в виду: если владелец сайта изменит свой стиль — у вас тоже поменяются все страницы! Может быть, проще скопировать его файл .css к себе на сервер.

Как подключить CSS — это лишь начало большой и интересной дороги по изучению веб-программирования. Курс «Профессия — веб-разработчик» познакомит вас с основными инструментами веб-разработчика: HTML, CSS, JavaScript и PHP. Годовая программа обучения идеально подходит людям, которые хотят с чистого листа освоить навыки профессионального веб-разработчика, а также начинающим программистам.

В итоге вы научитесь создавать свои собственные веб-проекты и сможете претендовать на позицию джуниор-разработчика.

Курс «Профессия Веб-разработчик» Практический годовой курс для тех, кто хочет стать профессиональным веб-разработчиком, запустить свой интернет-проект или веб-сервис и получить первые заказы на разработку.

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

С этим читают