- •Синтаксис таблиц стилей
- •Внутренние стили тегов.
- •Стили уровня документа.
- •5. Внешние таблицы стилей
- •5.1. Ссылки на внешний файл.
- •5.2 Импорт внешних таблиц
- •6. Классы стилей.
- •6.1 Обычные классы.
- •6.2 Общие классы.
- •6.3 Псевдоклассы стилей
- •7. Наследование классов
- •7.1 Наследование свойств.
- •8. Свойства стилей
- •8.2 Обрамление элементов
- •8.4 Свойства шрифта текста.
- •8.5 Свойства текстов.
- •8.6 Свойства полосы прокрутки.
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 почти к любому тегу.
