Зачем нужен CSS
В чем преимущества CSS и нужно ли его осваивать начинающим веб мастерам? Достаточно ли знать только HTML для создания нормального сайта? И чем вообще является язык CSS? Расскажу простыми словами:
CSS - это то, что дает почти полный контроль над стилем, дизайном, отображением страниц. Вспомните, как часто Вам не хватало простых тегов и их параметров для выражения Вашей идеи. Насколько удобно было пользоваться тегами для графики?
Каждый, кто уже освоил мало-мальские азы HTML, понимает, что его недостаточно для хорошего вида сайта. Что же нам предлагает CSS? Являясь специальным языком для стиля страницы и её элементов, CSS предлагает свои параметры для элементов (тегов) и более понятную и упорядоченную схему написания этих самых параметров.
Вспомним, как мы задаем размер картинки на странице. Для этого в теге картинки (<img>) нужно прописать параметры width="" и height="". А помните ли Вы, как задавать размеры любого тега? Тоже width и height, или по-другому? Или например, сразу ли Вы вспомните, какие теги имеют параметр, при котором весь внутренний текст станет жирным, или будет центрироваться?
Так вот, используя язык CSS, можно не задумываться над этими вопросами. За редким исключением, стиль CSS для всех элементов страницы одинаков. И даже если по логике вещей, текст в теге <b> всегда должен стать жирным, можно задать параметр, при котором текст не будет жирным. То есть перед CSS все теги равны, все они ему подчиняются, и притом подчиняются на одинаковых условиях и с примерно одинаковым эффектом.
Еще один пример для ясности всемогущества CSS. Представьте картинку. Как Вы думаете, есть ли у тега картинки фон, или есть только собственно изображение? Обычно конечно мы не видим фона картинки, а он есть. И находится под изображением, как и фон любого элемента находится под его содержимым. Какой от этого толк? Когда картинка еще не загружена, показывается её фон - это может быть просто сплошной цвет, изображение, или даже анимация с мигающей надписью "лодинг". И прописать в теге это также просто, как задать фон любого элемента - страницы, таблицы или блока (div). Даже для ссылки можно задать анимированный фон.
Многие начинают изучать JavaScript и прочие языки, не освоив CSS. Я считаю это неправильным и нерациональным обучением. Прежде чем учить динамику и супер-навороченные возможности подобных языков программирования, сначала нужно выучить возможности стиля, поэкспериментировать с огромными возможностями отступов, внутренних отступов, рамок, полных настроек текста вплоть до высоты строки или расстояния между буквами. При этом половина потребностей в JavaScript может отпасть сама собой. Пример - появление различных полупрозрачных элементов или подсказок при наведении мыши на ссылку, или подсветка картинок яркими цветами при наведении, или смена картинок одна на другую при наведении мыши - не нуждаются в JavaScript !
Еще преимущества языка стилей: структурированность, возможность выноса параметров за пределы тега и применение параметров для множества тегов сразу. Проще говоря, в чистом HTML нельзя один раз задать размер всех логически одинаковых элементов, и забыть об этом. Нельзя одной строчкой написать, чтобы размер всех картинок на странице был 100x100 пикселей. А с помощью CSS это очень просто, притом стиль может быть вынесен в отдельный файл, за пределы кода страницы, и таким образом можно сделать одинаковый дизайн для всего сайта. Сама собой отпадает нужда переписывать кучу страниц, весь сайт подчиняется стилю, заданному в общем файле, который называют внешней CSS-таблицей.
Я не буду учить Вас всем параметрам этого языка, для этого есть множество сайтов. Моя идея - донести до Вас удобство и простоту. Все основные параметры можно раз и навсегда выучить - они в CSS одинаковы для всех тегов, и получается что это намного проще, чем досконально учить HTML.
Напоследок тыкну в хорошие ссылки: моя статья Как применять CSS, и чужой справочник Параметров CSS 
Оригинал статьи на neonhtml.pixpaint.com
Если Вам понравилась статья, подпишитесь на получение новых статей по RSS.
Спасибо, Павел.
Очень хорошая статья. Тема – актуальная, стиль – профессиональный. Чего еще желать
?
Сам я CSS использую достаточно активно, но далеко-далеко не все возможности. И действительно. Возникла необходимость изучения JavaScript. До чтения статьи у меня тоже возникали вопросы, что делать при помощи CSS? а что скриптами.
Еще раз спасибо. Подписываюсь на рассылки.