CSS, каскадные таблицы стилей, является наиболее часто используемым языком для управления внешним видом веб-страниц. В общем, CSS может использоваться в основном для XML-документов, но наиболее распространенное использование в сочетании с HTML для установки стилей на страницах сайта.
Команды CSS имеют очень простой синтаксис – они состоят из селектора (например, имени элемента) и стиля, который указан для этого селектора. Например:
p {text-color: зеленый; }
изменит цвет текста всех абзацев на зеленый
Команды CSS могут быть указаны как в верхней части документа HTML (head), так и в отдельном файле. Преимущество использования одного файла заключается в возможности наложения CSS-команд на более чем одну страницу – в разделе заголовка HTML-страницы достаточно указать использование CSS-документа.
HTML позволяет указывать стиль для каждого из элементов (заголовки, абзацы и т. l.). Например, вы можете установить зеленый цвет текста абзаца следующим образом:
<p style = "color: green"> Этот абзац зеленый </ p>
и результат будет выглядеть так:
Этот абзац зеленый
Несмотря на заложенные опции для определения стиля в отдельных элементах HTML, существует несколько серьезных причин для использования CSS для определения внешнего вида страницы:
CSS: p {text-color: green; }
и изменение будет автоматически применено ко всем абзацам на всех страницах.CSS был создан относительно (для Интернета) очень давно: первая версия была анонсирована в 1996 году, а теперь широко используемая версия 2 – в 1998 году. Однако, разные браузеры на разных скоростях и в разной степени включают поддержку стандарта CSS. Сейчас, наиболее часто используемые браузеры, поддерживают почти весь стандарт, но для многих из них есть элементы, которые интерпретируются по-разному.
Типичным примером является нестандартное определение ширины элемента в Internet Explorer. Однако, это печально известное несоблюдение стандартов браузера не единственное – были задокументированы сотни ошибок для различных версий Firefox, Netscape, Opera и Internet Explorer.
Из-за несоответствия браузеров, страницы, во всех часто используемых браузерах, необходимо тщательно сканировать перед публикацией в Интернете. Часто можно добиться одинакового макета страницы, но для некоторых команд CSS необходимо использовать специальные методы. Это делает дизайн страницы гораздо более сложным процессом, чем он должен быть.
Несмотря на эти трудности, CSS широко используется в дизайне веб-сайтов. Стоит изучить и использовать возможности CSS для достижения хорошего дизайна страниц вашего сайта.