Данный урок поможет разобраться с назначением, функциями и возможностями CSS. Но прежде всего следует отметить, что без CSS создание профессионально оформленного сайта невозможно. Обратите внимание - именно "профессионально оформленного", поскольку создать сайт, в принципе, возможно при помощи HTML, но по-настоящему привлекательным и качественно оформленным он не будет.

С английского языка Cascading Style Sheets или CSS переводится как каскадные таблицы стилей. Являясь формальным языком, CSS преимущественно используется как средство оформления, описания внешнего вида web-страниц, написанных при помощи языка HTML или XHTML.

HTML используется для создания структуры страницы, размещения текста на ней, а CSS работает с цветом, шрифтами, строками, полями, шириной, высотой, позиционированием элементов, фоновыми изображениями.

Чтобы понять разницу между HTML и CSS приведем пример: до появления CSS параметры фона, цвета, размера текста задавались в коде HTML с помощью тега <p>, и при необходимости размещения такого же текста на других страницах заданные параметры приходилось переписывать. Неудобство такой процедуры очевидно - происходила нагрузка кода HTML , а при изменении оформления текста приходилась задействовать все страницы сайта.

С появлением CSS всем объектам стало возможно назначить определенный стиль. В нашем примере тегу <p> можно задать цвет, размер, шрифт при помощи CSS, и в любом месте кода HTML заключенный в данный тег текст будет иметь заданный стиль отображения.

Таким образом, в отдельном стилевом файле можно разместить тег со свойствами, на который будет ссылаться каждая HTML-страница. В итоге, нет необходимости прописывать одни и те же свойства для нескольких текстов в HTML-файле - просто можно ставить тег, и текст примет внешний вид, заданный в стилевом файле. В случае, если понадобиться изменить оформление, то произвести корректировку достаточно будет в одном стилевом файле, и на всех его HTML-страницах оформление поменяется автоматически.

Среди конкретных преимуществ CSS можно выделить следующие:

• управление отображением документов происходит при помощи одной таблицы стилей;
• осуществляется более точный контроль внешнего вида страниц;
• разные представления для различных информационных носителей (печать, экран и т.д.);
• проработанная и более сложная техника дизайна.