0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<h2>Ответы</h2>
1
<h2>Ответы</h2>
2
<p>Существует несколько способов добавить CSS на страницу HTML:</p>
2
<p>Существует несколько способов добавить CSS на страницу HTML:</p>
3
<ul><li><strong>инлайн</strong>запись с помощью тега<strong>атрибута style</strong>у любого тега в HTML-разметке</li>
3
<ul><li><strong>инлайн</strong>запись с помощью тега<strong>атрибута style</strong>у любого тега в HTML-разметке</li>
4
<li>использование<strong>тега</strong>, который обычно указывается внутри секции<strong></strong>в HTML-разметке</li>
4
<li>использование<strong>тега</strong>, который обычно указывается внутри секции<strong></strong>в HTML-разметке</li>
5
<li>использование<strong>отдельного CSS-файла</strong></li>
5
<li>использование<strong>отдельного CSS-файла</strong></li>
6
</ul><p>В реальной разработке чаще всего принято писать стили в отдельном CSS-файле. Если к HTML-документу требуется добавить несколько CSS фалов, можно воспользоваться одним из двух способов:</p>
6
</ul><p>В реальной разработке чаще всего принято писать стили в отдельном CSS-файле. Если к HTML-документу требуется добавить несколько CSS фалов, можно воспользоваться одним из двух способов:</p>
7
<p>1). Подключить каждый CSS-файл по отдельности к HTML-файлу с помощью специального<strong>тега</strong>:</p>
7
<p>1). Подключить каждый CSS-файл по отдельности к HTML-файлу с помощью специального<strong>тега</strong>:</p>
8
<p><html lang="ru"> <head> <meta charset="UTF-8"> <title>Основной файл index.html</title> <link rel="stylesheet" href="../css/main.css"> <link rel="stylesheet" href="../css/reset.css"> <link rel="stylesheet" href="../css/fonts.css"> </head> <body></body> </html></p>
8
<p><html lang="ru"> <head> <meta charset="UTF-8"> <title>Основной файл index.html</title> <link rel="stylesheet" href="../css/main.css"> <link rel="stylesheet" href="../css/reset.css"> <link rel="stylesheet" href="../css/fonts.css"> </head> <body></body> </html></p>
9
<p>2). Использовать<strong>директиву @import</strong>, которая позволяет импортировать один CSS-файл в другой. Допустим, что все стили проекта разбиты на 3 файла:<em>main.css</em>(основной файл),<em>reset.css</em>,<em>fonts.css</em>. Добавим<em>reset.css</em>и<em>fonts.css</em>в основной CSS-файл:</p>
9
<p>2). Использовать<strong>директиву @import</strong>, которая позволяет импортировать один CSS-файл в другой. Допустим, что все стили проекта разбиты на 3 файла:<em>main.css</em>(основной файл),<em>reset.css</em>,<em>fonts.css</em>. Добавим<em>reset.css</em>и<em>fonts.css</em>в основной CSS-файл:</p>
10
<p>@import "reset.css"; @import "fonts.css"; /* Основной код CSS-файла main.js */</p>
10
<p>@import "reset.css"; @import "fonts.css"; /* Основной код CSS-файла main.js */</p>
11
<p>Далее нужно подключить<em>main.css</em>к нашему HTML-файлу с помощью<strong></strong>.</p>
11
<p>Далее нужно подключить<em>main.css</em>к нашему HTML-файлу с помощью<strong></strong>.</p>
12
<p>Важно располагать импорт файлов<em>reset.css</em>и<em>fonts.css</em>именно в начале документа<em>main.css</em>, иначе данный способ не сработает</p>
12
<p>Важно располагать импорт файлов<em>reset.css</em>и<em>fonts.css</em>именно в начале документа<em>main.css</em>, иначе данный способ не сработает</p>