CSS (Cascading Style Sheets) - каскадная таблица стилей. Главным понятием CSS является стиль - то есть набор правил форматирования , который применяется к элементам страницы. В html для присвоения любому элементу каких-либо свойств (цвет,размер и т.д.) надо каждый раз описывать эти свойства. С помощью CSS чтобы присвоить элементу какие-либо характеристики стоит один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного вами.
Основной задачей CSS является придание документу(странице,сайту) своего собственного стиля, начиная от цвета и размера шрифта и заканчивая всевозможными эффектами.CSS работает со шрифтами, полями, таблицами, отступами, фоном и т.д. CSS представляет значительно более широкие возможности, чем простой html. Мощь CSS заключается в том, что с помощью всего одной таблицы стилей можна управлять большим количеством html документов.
На данный момент существует несколько версий CSS, это: CSS1, CSS2, CSS2.1, CSS3.0. Сейчас кратко пройдемся по каждой из них.
CSS1 является простым механизмом таблиц стилей.
Возможности CSS1:
- параметры шрифта(стиль, рамер, цвет шрифта);
- цвета элементов страницы(фона, текста, рамок и др.);
- параметры текста(интервал между символами и словами, межстрочные отступы);
- выравнивание текста, картинок, рамок и других элементов;
С CSS1 совместимы все самые используемые браузеры: IE, Opera, Mozilla и т.д.
CSS2 построена на основе CSS1. Все таблицы CSS1 остались действующими для CSS2. Отличие CSS2 заключается в том, что здесь появились новые возможности, такие как:
- загружаемые шрифты;
- отображение и форматирование таблиц;
- типы носителей. Можна устанавливать разные стили для разных носителей(монитор, принтер и т.д.);
- звуковые таблицы стилей;
- автоматические счетчики.
Почти все современные браузеры поддерживают CSS2.
CSS2.1 построена на основе CSS2 и содержит исправление ошибок.
В CSS3 появилось много новых возможностей и функций:
- тени элементов;
- прозрачность;
- закругленные углы блоков;
- анимация;
- указание нескольких фоновых картинок.
На данный момент не все браузеры полностью поодерживают свойства CSS3. В отличии от всех остальных браузеров Google Chrome 3 и Safari 4 поддерживают почти все возможности CSS3.
