10

Лекция №5 по HTML. Таблицы CSS.

Каскадные таблицы стилей.

Таблицы стилей используются профессиональными полиграфистами для управления общим видом публикаций – фоном, шрифтом, цветом и тд.

В 1996г WWW Consortium разработал проект предложений по определению каскадных таблиц стилей CSS ____________________________________ Сейчас этот проект стал стандартом для коммерческих разработчиков браузеров. В таблицах указывают следующие основные функции:

1. ______________________________________________________________

2. ______________________________________________________________

3. ______________________________________________________________

4. ______________________________________________________________

5. ______________________________________________________________

6. ______________________________________________________________

7. ______________________________________________________________ ______________________________________________________________

1. Каскад

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

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

• _________________________________________________________________________________________________________________________________

• __________________________________________________________________________________________________________________________________________________________________________________________________

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

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

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

__________________________________________________________________

___________________________________________________________________

___________________________________________________________________

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

__________________________________________________________________

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

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

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

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

___________________________________________________________________

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

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

4. Стили уровня документа.

Реальная помощь таблиц стилей проявляется при помещении списка правил представления в заголовок документа. Теги <STYLE></STYLE>должны присутствовать между тегами <HEAD>. _____________________________________ ________________________________________________________________________

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

Важным атрибутом style является type. Атрибут type определяет тип текста или язык обработки событий. Таблицы стилей указывается ________________ (язык сценариев _____________________________________). Этот атрибут можно опустить так как браузер сам может определить язык стиля, но лучше его использовать чтобы исключить ошибки.