<b><span id='2.2.3._<a href="/?q=Вынесение">Вынесение</a>_таблицы_стилей_в_отдельный_файл'>2.2.3. Вынесение таблицы <a href="/style-svodnaya-tablica-stilej-stilej-css.html">стилей в отдельный файл</a></span></b>
<br />Таблицу стилей можно вынести в отдельный файл. Файл с таблицей стилей обычно имеет расширение css и может редактироваться <a href="/samostoyatelenaya-rabota-2-po-predmetu-vvedenie-v-latex-po-tem.html">любым текстовым редактором</a>, <a href="/termicheskoe-proizvodstvo-magniya.html">например</a>, Блокнотом. Задать расширение файлу можно точно так же, как и при создании файла с расширением html.
<br />Вынесем таблицу стилей в отдельный файл style.css (листинг 2.2) и подключим его к основному документу test.html (листинг 2.3).
<br />
<p>: Листинг 2.2. Содержимое файла style.css ;</p>
<br />/* Так можно вставить комментарий */
<br />.text1 { /* Стиль для элементов с class="text1" */
<br />font-size: 12pt; /* Размер шрифта */
<br />color: red; /* Цвет текста */
<br />font-family: Arial /* Название шрифта */
<br /><sup>}</sup>
<br />font { /* Стиль для всех тегов FONT */ font-size: 12pt; /* Размер шрифта */
<br />color: green; /* Цвет тeкcтa */ font-family: Arial /* Название шрифтa */
<br /><sup>}</sup>
<br />font.text2 { /* Стиль для тегов FONT c */ font-size: 12pt; /* Размер шрифта */ color: blue; /* Цвет текста */ font-family: Arial /* Название шрифта */
<br />
<br />
<br /><sup>}</sup>
<br />
<p>\ Листинг 2.3. Содержимое файла test.html</p>
<br />DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<br />"<u>http</u><u>://</u><u>www</u><u>.</u><u>w</u><u>3.</u><u>org</u><u>/</u><u>TR</u><u>/</u><u>html</u><u>4/</u><u>loose</u><u>.</u><u>dtd</u>">
<br /><html> <head>
<br />^^^ЯТример <a href="/kursovaya-rabota-osnovnie-sredstva-predpriyatiya-ih-ekonomiche.html">использования CTKUiei</a>
Или так:
body { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0 }
С помощью атрибута margin можно задать все внешние отступы за один раз:
margin: Например:
body { margin: 15mm 5% 20px 0 }
Для совпадающих значений допускается и более короткая запись:
body { margin: 0 }
