CSS (акроним Cascading Style Shetts – каскадные таблицы стиля) – комплекс стилевых описаний элементов HTML (тегов HTML). Они могут быть применены не только к отдельному элементу, но и ко всем идентичным тегам на всех страницах вашего сайта. По большому счету, CSS являются дополнением к HTML, значительно расширяющим его возможности.
C чем работают каскадные таблицы стиля
При помощи CSS вы можете изменять параметры шрифтов, управлять цветовой гаммой страницы сайта, фоновыми изображениями, полями, позиционированием элементов и т.д. Всем это можно управлять и при помощи тегов HTML, однако каскадные таблицы стиля более проработаны и поддерживаются всеми браузерами.
Способы применения CSS к Интернет-странице
Сегодня используются три метода применения правил CSS к странице сайтов:
- При помощи атрибута style.
- При помощи тега <style>.
- При помощи созданной ссылки на внешнюю таблицу стилей.
Последний способ интеграции каскадной таблицы в ваш сайт представляет собой создание текстового файла с расширением .css. Он может храниться на вашем жестком диске или web-сервере. При этом на одну единственную таблицу могут ссылаться несколько HTML-документов. Это позволяет сэкономить массу времени и сил при изменении дизайна сайта. В случае значительного разрастания файла, в котором заключены инструкции CSS, веб-мастер может его разделить на несколько частей. В этом случае могут возникнуть конфликты, но они обычно разрешаются без участия разработчика сайта за счет того, что приоритет получает последний селектор. Опасность возникновения конфликта значительно увеличивается если при создании каскадной таблицы использовались вложенные селекторы.
Преимущества и недостатки CSS
Использование CSS при создании любого Интернет-проекта открывает доступ к следующим преимуществам:
- Возможности создания более чистого кода, который быстрее загружается, легче поддерживается и лучше оптимизирован для роботов поисковых систем.
- Доступ к более модульному коду, который создает правила стиля для множества страниц, облегчает управление Интернет-ресурсом и имеет единообразный дизайн.
- Точности контроля за отображением и позиционированием всех элементов страниц вашего сайта.
- Позволяет разделить обязанности разработчика и веб-дизайнера.
- Повышается степень доступности, что важно для веб-мастеров, выполняющих заказы по созданию сайтов. После сдачи работы клиенту, заказчик может самостоятельно изменять стилевые таблицы автора.
К сожалению, у CSS есть и недостаток, заключающийся в некорректности браузерами тех или иных интерпретаций инструкций каскадных стилевых таблиц. Это касается верстки Интернет-страницы и взаимного расположения элементов. Что же до оформления текстов, то здесь значительно меньше проблем, хотя и в этом направлении разработчикам браузеров и самого дополнения CSS есть еще над чем поработать.
Не смотря на вышеописанные недостатки, при создании любого сайта лучше использовать каскадные стилевые таблицы нежели отдавать предпочтение оформительским тегам HTML вроде <font>…</font> или <b>…</b>.
Поддержка стилевых таблиц браузерами
Наиболее полно поддерживают стандарт CSS Интернет-обозреватели, которые работают на движках Presto (Oper), WebKit (Google Chrome, Safari Arora) и Gesko (Fireox, Mozilla и др.). У Internet Explorer и по сегодняшний день отмечаются серьезные проблемы с поддержкой стандарта CSS, так как он лишь частично поддерживает CSS3. Для повышения уровня кросс-браузерности веб-разработчики используют CSS-фильтры или CSS-хаки.
