Внутренние стили тегов

Синтаксис таблиц стилей

Каскад

Свойства полосы прокрутки.

Scrollbar-3dlight-color определяет цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки

Scrollbar-arrow-color устанавливает цвет стрелок на кнопках со стрелками

Scrollbar-base-color устанавливает цвет основных элементов: ползунка, кнопок со стрелками, дорожки для ползунка если не определены параметры в Scrollbar-face-color

Scrollbar-darkshadow-color устанавливает цвет тени для ползунка и кнопок со стрелками

Scrollbar-face-color устанавливает цвет ползунка и кнопок со стрелками если не задан Scrollbar-track-color изменится цвет дорожки

Scrollbar-highlight-color устанавливает цвет подсветки, создающий эффект объемности. Это цвет, который окаймляет освещенную часть кнопки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда кнопка нажата-нижний правый угол

Scrollbar-shadow-color схоже с Scrollbar-darkshadow-color

Scrollbar-track-color устанавливает цвет дорожки для ползунка.

Многие из описанных выше свойств могут группироваться друг с другом.

H1{font-weight:bold;font-style:normal;font-size:12pt;font-family:serif}

Можно записать более кратко

H1{font:bold normal 12pt serif}

Таблицы стилей позволяют группировать свойства border, background, font, list, margin, padding.

Существует три способа присоединения стиля к тегу: внутренние стили, стили уровня документа и внешние таблицы стилей. В документах допускается использование одного или нескольких видов стилей. __________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ Такое применение называется каскадом. Браузер определяет последовательность использования и разрешает конфликты между стилями.

Конфликты стилей разрешаются следующим образом:

· _________________________________________________________________________________________________________________________________

· __________________________________________________________________________________________________________________________________________________________________________________________________

Каждое определение называется ______________ для тегов. Правила содержат селектор, за которым следует декларация(определение стиля). Декларация заключается в фигурные скобки. Каждая декларация имеет две части: название свойства и присваиваемое ему значение, разделенные двоеточием. ________________________________________________________________________________________________________________________________________________

Если мы хотим определить один и тот же стиль для нескольких тегов можно перечислить их по отдельности.

__________________________________________________________________

___________________________________________________________________

___________________________________________________________________

HTML позволяет сделать тоже самое в более компактном виде разделяя селекторы запятой.

__________________________________________________________________

Обычно понимающие стили браузеры применяют стили ко всем тегам без учета контекста. ________________________________________________________________________________________________________________________________________________________________________________________________________________ Для создания контекстного селектора перечислите теги в том порядке в котором они должны быть вложены в вашем документе, начиная с самого внешнего не разделяя их запятыми:

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

Внутренний стиль является простейшим способом прикрепления стиля к тегу: нужно просто включить в тег атрибут STYLE со списком свойств и их значений. Браузер использует свойства стиля при выводе содержимого только этого тега.

___________________________________________________________________

Если указанное в теге противоречит указанным стилям всего документа, то стили всего документа для этого тега игнорируются. ___________________________

__________________________________________________________________________________________________________________________________________________________________________________________ Используйте атрибут style экономно и только в тех случаях, когда по-другому нельзя достичь того же эффекта.

Дата добавления: 2014-01-14