Каскадные таблицы стилей

каскадные_таблицы_стилей_cssСSS: Cascading Style Sheets (Таблицы Каскадных Стилей) —

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

СSS широко используется вебдизайнерами для изменения цветов, шрифтов, положения отдельных блоков и прочих внешних аспектов веб-страниц. Основной задачей для разработчиков CSS было добиться разделения описания логических структур веб-страниц (которое, напомним, производится через HTML или любой другой язык разметки) от описания внешнего вида этих веб-страниц. Они добились своего, и теперь последнее осуществляется с помощью формального языка CSS. Это разделение в разы увеличивает доступность документа и обеспечивает большую гибкость и возможность управление его представлением, но при этом уменьшает общую структурную сложность. Технология каскадных таблиц стилей к тому же позволяет один и тот же документ представить в нескольких стилях и методах вывода, к которым относятся экранное представление, печатное представление, голосовое представление (при использовании специальных программ озвучивания печатного текста) или же при выводе материалов устройствами, работающими со шрифтом Брайля.

Для примера оформим синий курсивный текст c помощью HTML:

Наш пример
— исходный код таков: <font color=»blue»><em>Наш пример</em></font>

А теперь данное оформление с помощью CSS:

Наш пример
— исходный код таков: <font style=»color:blue; font-style:italic;»>Наш пример</font>

Оформили, а зачем тут еще применять CSS?

Например вам необходимо данное оформление CSS сделать на многих страницах. Три, пять страниц это не страшно, а как быть с тридцатью и более страницами? Вот здесь без каскадных таблиц  стилей не обойтись. А почему они называются каскадными? По другому это обозначение можно расшифровать как вложенные. CSS бывают связанные, глобальные и внутренние и они могут вкладываться друг в друга. Отсюда и понятие — вложенные.