Разделение содержимого и внешнего вида
Язык HTML (как это первоначально предполагалось) не был предназначен для управления внешним видом Web-страниц. Он задумывался в качестве средства, которое бы позволило авторам указать элемент, который должен находиться на странице, и оставить Web-браузеру решать, каким образом вывести этот элемент на экран. Если вы помните, язык HTML был разработан для того, чтобы каждый человек, имеющий компьютер с Web-браузером и соединением с сетью Internet, мог просмотреть любой HTML-документ, независимо от возможностей видеокарты или разрешения монитора.
Тем не менее, с расширением содержимого Web-страниц и включением в них многоцветного текста различного типа и размера, графических изображений, картинок и анимации, дизайнеры все менее и менее желали, чтобы Web-браузеры ограничивали внешний вид Web-страниц. Перед разработкой каскадных списков стилей для обеспечения правильного расположения элементов на странице дизайнерам приходилось использовать HTML-таблицы и вставлять прозрачные (разделительные) изображения в формате GIF для создания необходимых полей и интервалов между объектами на странице. Кроме того, с помощью HTML-дескрипторов форматирования и атрибутов дескрипторов <font> и <body> Web-дизайнеры получали определенный контроль над внешним видом текста страницы и фоном.
С другой стороны, каскадные списки стилей для управления содержимым Web-страницы позволяют записывать инструкции выравнивания и форматирования в раздел заголовка страницы или во внешний по отношению к HTML-коду файл. Более того, правила каскадных списков стилей представляют собой простые текстовые операторы, которые дают возможность управлять положением и форматом одного или нескольких элементов без использования таблиц и графических изображений. Таким образом, разделение содержимого страницы и средств обеспечения ее внешнего вида позволяет упростить Web-страницы и облегчить их сопровождение и обновление. Представьте себе, например, что необходимо изменить тип шрифта, используемого на многих страницах Web-сайта. Без применения механизма каскадных списков стилей пришлось бы изменять (или добавлять) один или несколько дескрипторов <font> на каждую страницу. Поместив указание о выборе типа шрифта в каскадный список стилей, на который ссылаются все страницы сайта, для изменения шрифта на всех страницах достаточно будет изменить одно правило списка стилей.