Каскадные таблицы стилей.
CSS ( каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам.
CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.
INDEX <head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
CSS <p style="font-size: 21px; color: green;">Рассказ о том, как вредно красить батареи</p>
h2 {
font-size: 110 %;
color: red;
background: white;
Способы определения стилей.
Определение таблицы стилей (стилевого шаблона) возможно четырьмя способами:
Ссылка на внешний файл — если все стилевые шаблоны для конкретного HTML-документа разместить в одном текстовом файле (с расширением css), то с помощью специального тега link из текущего документа можно сделать ссылку на внешний CSS-файл стилевых шаблонов.
Внедрение в документ — под внедрением в документ подразумевается задание стилевой конструкции внутри самой HTML-страницы, например:
"STYLE TYPE="text/css"" "! —
BODY { font-family: Arial, Helvetica; } INPUT { background-color: #CECECE; } —"
"/STYLE"
Включение в теговые конструкции— любой отдельный HTML-элемент может быть подвергнут форматированию средствами CSS. Для этого необходимо задать определенное правило реализации того или иного тега, например:
"Р ALIGN="justify" STYLE="color: #000000; font-family: Verdana;""
Текст параграфа...
"/Р"
Импортирование (стилевого шаблона CSS) — аналогично указанию ссылки на внешний файл:
"STYLE TYPE="text/css"" "! —
@import: url(style.ess); —"
"/STYLE"
Все четыре способа определения стилевого шаблона CSS можно использовать одновременно в пределах одного HTML-документа. Такая возможность позволяет задавать основное правило CSS, к примеру, в виде внешнего файла шаблонов, а для исключительных или редких HTML-элементов — отдельные конструкции либо в теге "style", либо в кодовых конструкциях самих тегов.
Элементы стилей. Синтаксис стилей.
Определение стиля в CSS, устанавливающего внешний вид для какого-либо элемента на веб-странице - это всего лишь правило, которое сообщает браузеру, что и каким образом будет отформатировано, например изменить цвет текста заголовка, выделить изображений красной рамкой, фиксированная ширина для меню в 200 пикселей и тд. Любой стиль, состоит из нескольких элементов: селектора, который сообщает браузеру, что именно форматировать и блока объявлений, в котором перечислен список форматирующих команд, используемых браузером для стилизации элемента, определенного селектором. Селектором, как правило, является HTML-элемент, к которому относится блок объявлений. Каждое объявление состоит из свойства и его значения.Селектор сообщает браузеру, к какому элементу или элементам веб-страницы применяется указанный стиль.
