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

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

Каскад

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

Свойства текстов.

Letter-spacing ______________________________________________________

line-height __________________________________________________________

text-align __________________________________________________________

right по правому краю

left по левому краю

center по центру

justify по ширине текста.

text-decoration задается тип декорации текста:

none ______________________________________________________________

underline __________________________________________________________

overline ___________________________________________________________

line-through ________________________________________________________

blink ______________________________________________________________

text-indent _________________________________________________________

text-transform ______________________________________________________

capitalize __________________________________________________________

uppercase __________________________________________________________

lowercase __________________________________________________________

none нет трансформации

vertical-align _______________________________________________________

baseline выравнивает базовую линию элемента по базовой линии родительского элемента

middle ставит середину элемента по середине родительского элемента

sub ставит элемент на подстрочный уровень

text-top выравнивает вершину элемента по верху текста родителя

text-bottom выравнивает низ элемента по низу текста родительского элемента

top верх элемента по самому высокому элементу строки

bottom низ элемента по самому низкому элементу строки.

white-space определяет свободное пространство внутри элемента

word-spacing определяет расстояние между словами текста.

Scrollbar-3dlight-color ________________________________________________________________________________________________________________________________________________

Scrollbar-arrow-color _______________________________________________

Scrollbar-base-color ___________________________________________ _______________________________________________________________________________________________________________________________________________

Scrollbar-darkshadow-color _______________________________________________________________________________________________________________________________________________

Scrollbar-face-color _________________________________________________

___________________________________________________________________

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

Scrollbar-shadow-color ______________________________________________

Scrollbar-track-color ________________________________________________

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

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

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

__________________________________

Таблицы стилей позволяют группировать свойства ________________________________________________________________________

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

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

· _________________________________________________________________________________________________________________________________

· __________________________________________________________________________________________________________________________________________________________________________________________________

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

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

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

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

__________________________________________________________________

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

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

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

___________________________________________________________________

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

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

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