Внешняя стилевая спецификация

Дата добавления: 2015-07-09; просмотров: 810; Нарушение авторских прав

Внешний стиль – наиболее абстрактный и мощный метод. Используется для определения стиля отдельно в другом документе. Обычно с помощью этого методаопределяют стиль всего сайта.

Внешняя стилевая спецификация является обычным текстовым файлом, содержащим описание оформления для HTML-элементов и классов и имеющим расширение css.

Например, создаем файл “style.css”, где определены следующие стили:

body {background-color:”#ffff00”; color:”#000000”;}

h1 {font-size:”24pt”; text-align:”center”;}

p {font-size:”12pt”; font-family:”arial”;}

HTML-документ, использующий такую стилевую спецификацию, должен иметь на нее ссылку. Такая ссылка реализуется при помощи элемента <link>, который располагается в элементе <head>:

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

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

Задание 2

1. При изучении раздела «Форматирование текста в HTML-документах» Вы создали несколько страниц сайта MyHouse.ru. В том числе у Вас должны быть созданы web-страницы:

· proekt_townhouse.html,

· proekt_D-152-1D.html,

· proekt_H-173-1P.html,

· proekt_R-189-1P.html.

2. У всех заголовков страниц и аннотаций удалите из HTML-кода страниц все атрибуты, связанные с форматированием текста (параметры абзаца и параметры шрифта);

3. Создайте текстовый файл style.css, в котором опишите стилевые спецификации заголовка, текстовых абзацев, шрифта.

· Для фона документа задайте цвет слоновой кости FFFFF0;

· Для заголовка с названием страницы: имя шрифта «Tahoma», цвет шрифта 000080, размер шрифта – 18pt, выравнивание текста – по левому краю;

· Для заголовков «Аннотация», «Материалы», «Цена за проект», «Планы», «Фасады»: имя шрифта «Tahoma», цвет шрифта «navy», размер шрифта – 14pt; выравнивание – по ширине.

· Для аннотаций: имя шрифта «Arial», цвет шрифта «black», размер шрифта – 10pt; выравнивание – по левому краю.

4. Создайте папку CSSи сохраните в ней файл style.css;

5. Свяжите файл с описанием стилевых спецификаций style.css со всеми четырьмя страницами.

Формат записи:

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

<== предыдущая лекция	\|	следующая лекция ==>
Применение CSS	\|	Внедренные стилевые таблицы