Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лекция5 по HTML_студенты_2013.doc
Скачиваний:
3
Добавлен:
01.05.2025
Размер:
97.79 Кб
Скачать

5. Внешние таблицы стилей

Существует возможность поместить определения стиля в отдельный файл с расширением .CSS.

___________________________________________________________________ ________________________________________________________________________

5.1. Ссылки на внешний файл.

Ссылки осуществляются через LINK

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

Тег <link> создает связь между текущим документом и документом с таблицами стилей. Этот тег указывается в заголовке документа.

5.2 Импорт внешних таблиц

Команда импорта записывается в заголовок документа и помещается в тег style. @import style принимает URL файла с таблицами стилей. Команда должна записываться перед обычными правилами, в противном случае все определения отменяются.

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

__________________________________________________________________

6. Классы стилей.

Классы позволяют создавать на уровне документа или во внешней таблице для одного тега несколько разных стилей, имеющих разные имена класса. Для применения класса стиля укажите его название в качестве значения атрибута class нужного тега. Классы бывают ______________________________________________.

6.1 Обычные классы.

Определение класса состоит в добавлении через точку имени класса в качестве суффикса к имени тега, являющемуся селектором в правиле стиля. Именем класса может быть любая последовательность букв, цифр и дефисов, начинающаяся с буквы. _________________________________________________________________ ________________________________________________________________________ ________________________________________________________________________

<style>

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

</style>

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

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

6.2 Общие классы.

Можно определить класс стиля, не связывая его с конкретным тегом, а затем применять его к различным тегам. Для этого через точку определяем название класса.

_________________________________________________________

Создан класс с именем italic. Для его применения нужно обратиться к нему через имя

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

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

<style>

___________________________________________________________________

___________________________________________________________________

</style>

Для создания в документах заголовках можно использовать <H1 id=arial> или добавлять id=qwerty почти к любому тегу.