- •Цель работы:
- •Ответы на контрольные вопросы:
- •Что такое каскадные таблицы стилей?
- •Какие существуют методы связывания таблиц стилей с html-документами?
- •3.Каким образом определяются правила каскадных таблиц стилей?
- •Наследование и группирование стилей.
- •Определение классов и идентификаторов в таблицах стилей css, их синтаксис.
- •Свойства элементов таблиц стилей.
Ответы на контрольные вопросы:
Что такое каскадные таблицы стилей?
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
Какие существуют методы связывания таблиц стилей с html-документами?
Существует четыре способа связывания документа и таблицы стилей:
1. связывание – позволяет использовать одну таблицу стилей для форматирования многих страниц HTML;
2. внедрение – позволяет задавать все правила таблицы стилей непосредственно в самом HTML-документе;
3. встраивание в теги документа – позволяет изменять форматирование конкретных элементов страницы;
4. импортирование – позволяет встраивать в документ таблицу стилей, расположенную на сервере.
Связывание: Расположение описания стилей в отдельном файле (*.css) имеет смысл в случае, если планируется применять определяемые стили к большему, чем одна, количеству web-страниц. Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, разместить этот файл на web-сервере (или в текущем каталоге при локальной загрузке web-страницы), а в коде web-страниц, которые будут использовать стили из этого файла, нужно сделать ссылку на него. Делается это с помощью тега <LINK>, располагающегося внутри тега <HEAD> web-страниц:
<LINK REL=STYLESHEET TYPE="text/css" HREF="URL">.
Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить браузеру, что на этой страничке будет использоваться CSS. Третий параметр – HREF=«URL» – указывает на файл, который содержит описания стилей.
Внедрение: Второй вариант, при котором описание стилей располагается в коде web-странички, внутри тега <HEAD>, в теге <STYLE type="text/css">... </STYLE>. В этом случае можно использовать эти стили для элементов, располагающихся в пределах одной web-страницы. Параметр type="text/css" является обязательным и служит для указания браузеру использовать CSS.
Встраивание в теги документа: Третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который описывается. Это делается с помощью параметра STYLE, используемого при применении CSS с большинством стандартных тегов HTML. Этот метод нежелателен, он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.
Импортирование: В теге <STYLE> можно импортировать внешнюю таблицу стилей с помощью свойства @import таблицы стилей:
@import: url(mystyles.css).
Его следует задавать в начале стилевого блока или связываемой таблицы стилей перед заданием остальных правил. Значением свойства @import является URL файла таблицы стилей.