- •Синтаксис таблиц стилей
- •Внутренние стили тегов.
- •Стили уровня документа.
- •5. Внешние таблицы стилей
- •5.1. Ссылки на внешний файл.
- •5.2 Импорт внешних таблиц
- •6. Классы стилей.
- •6.1 Обычные классы.
- •6.2 Общие классы.
- •6.3 Псевдоклассы стилей
- •7. Наследование классов
- •7.1 Наследование свойств.
- •8. Свойства стилей
- •8.2 Обрамление элементов
- •8.4 Свойства шрифта текста.
- •8.5 Свойства текстов.
- •8.6 Свойства полосы прокрутки.
6.3 Псевдоклассы стилей
Псевдоклассы позволяют задавать стиль вывода для некоторых состояния тегов. Псевдоклассы аналогичны обычным классам, но имеют 2 отличия: они соединяются с именем тега не точкой, а двоеточием; имеют предустановленные имена. _________________________________________________________________
___________________________________________________________________________________________________________________________________________________________________________________________________________________
Браузеры различают 4 состояния ссылок: посещались, не посещались, посещается в данный момент, наведен курсор. С помощью псевдоклассов мы можем управлять тем, как отображаются эти состояния.
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
Два других псевдокласса называются first-letter и first-line. Эти классы определяют вид первой буквы (буквицы) и красной строки абзаца. Через эти классы можно создать эффекты, присущие печатным документам.
___________________________________________________________________
___________________________________________________________________
7. Наследование классов
Классы наследуют свойства стиля своего родового базового тега. Например: все свойства простого тега<P> применяются к специально определенному классу абзаца, если только какое либо из свойств не переопределяются классом.
________________________________________________________________________
___________________________________________________________________ ________________________________________________________________________________________________________________________________________________.
7.1 Наследование свойств.
Вместо того чтобы использовать особые правила для каждого тега, свойства и их значения для отдельных тегов внутри тегов наследуются от родительского тега. Установка некоторых свойств <body> влечет применение данного свойства ко всем тегам в теле документа
Body {color:darkblue}
______________________________________________________________________________________________________________________________________________________________Если нужно другое выделение его делают либо указанием нового стиля в тегах, либо создавая контейнер <div> с другим базовым оформлением.
8. Свойства стилей
Имена свойств состоят из одного ,а чаще из нескольких слов, разделенных дефисом. В сложных названиях первое слово обычно представляет категорию и одновременно является сокращенным вариантом имени свойства.
8.1 Background.
Background-attachment ______________________________________________
___________________________________________________________________________________________________________________________________________________________________________________________________________________
Background-color ___________________________________________________
___________________________________________________________________
Background-image _______________________________________________________________________________________________________________________________________________
Background-position:Х У это свойство используется для изменения положения фонового изображения. Положение всегда отсчитывается от верхнего левого угла элемента, содержащего изображение.
Top _______________________________________________________________
left _______________________________________________________________
right ______________________________________________________________
bottom ____________________________________________________________
___________________________________________________________________
center _____________________________________________________________
Background-repeat ________________________________________________________________________________________________________________________________________________
Repeat ____________________________________________________________
repeat-x ___________________________________________________________
repeat-y повторяет по вертикали
no-repeat __________________________________________________________