Все тексты, представленные в данном разделе, являются плодом нашего интеллектуального труда. Перевод уроков осуществлялся вручную, по возможности сохранялся стиль автора и особенности оригинального языка.
Исходя из вышесказанного – огромная просьба к вам, коллеги web-мастера: пожалуйста, уважайте наш труд, при использовании любых материалов нашего сайта и, в частности, данного раздела ставьте ссылку на сайт www.bcat.com.ua. Заранее спасибо!
Каскадные таблицы стилей (CSS) совместно с HTML и другими языками разметки (такими как XHTML и XML), предоставляют вам возможность контролировать внешний вид содержимого вашего сайта. Внешнее представление определяется стилями, которые описаны в таблице стилей.
Если вы хорошо знакомы с текстовыми редакторами (напр. Microsoft Word), то вероятнее всего вы уже встречались со стилями. Например, если вы хотите сделать текст заголовка вашего документа больше и жирнее, наиболее трудоемким будет способ, в котором вы сначала выделяете текст, затем выбираете цвет, тип и размер шрифта. Более простой вариант (при условии что ваш документ имеет более чем один заголовок) создать "правило", или стиль, для всех заголовков вашего документа. Тогда все, что вы должны сделать, это создать одно правило, которое можно применять ко всем вашим заголовкам.
CSS, как таковой, работает именно таким образом. Вместо того, чтобы использовать тег <font> множество раз для управления небольшими разделами вашей страницы, вы можете установить несколько правила и применять их как к отдельно взятой странице, так и ко всем страницам вашего сайта. Таким образом CSS экономит ваше время.
Каскадность в CSS означает, что к документу может быть присоединена более чем одна таблица стилей, и все они будут влиять на представление содержимого сайта. Например, дизайнер может использовать одновременно как общую таблицу стилей для всего сайта, так и локальную скажем для изменения цвета ссылок и фона определенной страницы. Кроме того, пользователь может использовать свою собственную таблицу стилей, если у него возникают проблемы с отображением страницы. Мы будем говорить о каскадности и иерархии стилей в дальнейших уроках.
Нет, это не язык программирования в традиционном смысле. CSS – это язык, но у него отсутствуют условные операторы или свойства для того, чтобы осуществлять вычисления и т.п. В отличие от JavaScript или VBScript, не говоря уже о серверных языках, таких, как Perl, PHP и ASP или компилируемых языках, таких, как C, вы не нуждаетесь в знании принципов программирования для того, чтобы изучать и использовать CSS. Изучение CSS основывается на изучении некоторых правил и синтаксиса.
Тем не менее, CSS, HTML и JavaScript взаимосвязаны. Изучение основных принципов CSS поможет вам лучше понимать и использовать другие компоненты этой связки.
Сам по себе CSS не имеет глюков, ведь спецификации CSS появились в далеком 1996 году! Тем не менее, интерпретация CSS некоторыми (на сегодняшний день - безнадежно устаревшими [Черный Кот]) браузерами может быть некорректной. В нашем курсе в основном мы будем говорить о реализации CSS в последних "послушных стандартам" браузерах. На момент написания данных уроков (август 2003) имеются в виду MSIE 6.0 (5.5 и до некоторой степени, 5.0) для Windows, IE 5.0 и Safari для Mac, Netscape 6 и выше для Windows, Мac и Linux, и Опера 5.0x для Windows. (Есть и другие браузеры которые также хорошо поддерживают CSS. Если браузер базируется на браузере Mozilla, вы можете быть уверены, что он нормально отображает CSS).
Отравой в жизни Web - дизайнеров в течение последних 5 лет или около того был Netscape Navigator 4.x, который имеет очень скудную поддержку CSS. Так как этот браузер все еще полностью не исчез, мы будем говорить о “нижнем пределе ” CSS, который может быть использован для четвертой версии браузера. Третья и более ранние версии не поддерживают CSS вообще, но мы будем также говорить о "degradability". Что это такое? Оставайтесь с нами и узнаете!
На настоящий момент существует три уровня CSS: CSS1; CSS2, который был одобрен в 1998, и CSS3, который все еще находится в разработке. В этом курсе, главным образом мы концентрируемся на методах CSS1. Для этого существует несколько причин, включая самую широко распространенную поддержку браузеров. И кроме того, для того чтобы изучать 2 и 3, нужно сначала изучить 1.
Если вы хотите больше узнать о CSS, воспользуйтесь следующими ресурсами: сайт World Wide Web Consortium, где имеются спецификации всех уровней CSS. Если можете, взгляните хотя бы одним глазом на документацию по CSS1 чтобы получить объективное, не искаженное чужими интерпретациями представление.
О книгах и инструментах мы поговорим в разделе Рекомендованные Инструменты.
Действительно, зачем? Некоторые аргументы приведены в следующем разделе, Очень Краткая История Web-дизайна.
