Введение. Что такое CSS
CSS (Cascading Style Sheets, каскадные таблицы стилей) - это свод стилевых описаний, тех или иных HTML-тегов (далее элементов HTML), который может быть применён как к отдельному тегу (элементу), так и одновременно ко всем идентичным элементам на всех страницах сайта. CSS по сути - дополнение к HTML, которое значительно расширяет его возможности.
Зачем мне CSS?
Приведу ряд доводов в пользу использования CSS:
HTML в чистом виде имеет весьма ограниченный набор инструментов не позволяющий решать те или иные дизайнерские и функциональные задумки веб-мастера. Ну вот хотя бы, к примеру, взять больной вопрос всех начинающих веб-ремесленников "Как убрать подчеркивание ссылки?" или "Как сделать чтобы наведя курсором на эту самую ссылку она меняла цвет и подсвечивалась?" с помощью 1 HTML этого никак не сделать! А сколько их еще таких "больных вопросов"? - тьма. Тут то и приходит на помощь CSS, который решает большинство задач, касающихся дизайна сайта.
Предположим, Вы написали сайт в нем 100 страниц. хороший сайт, информативный, люди на него ходят. И вдруг по каким либо причинам Вам понадобилось изменить его дизайн, ну не знаю, мода изменилась, Вы нашли более лучшее дизайнерское решение, заказчику пришлось не по душе. да мало ли еще почему. Сколько времени и сил у Вас уйдёт на то что бы полностью переделать все 100 страниц сайта? CSS предлагает разумное решение этой задачи. А что если 1 раз в отдельном файле полностью описать весь дизайн сайта? Допустим:все заголовки h1 делать красным цветом, параграфы p писать курсивам, ссылки a не подчёркивать фон на всех страницах залить зелёным, и т.д., а потом просто заставить эти 100 страниц HTML обращаться к файлу CSS и черпать из него нужную информацию? Теперь когда Вам вздумается, к примеру, перекрасить все заголовки из красного в зеленый, Вам ненужно открывать все 100 страниц находить в них теги h1 и указывать в каждом что ты теперь не красный а зелёный! Вам нужно всего лишь открыть файл описание и изменить в нем цвет элемента h1 на зелёный и всё! Все заголовки на всех страницах сайта как по взмаху волшебной палочки станут зелеными.
Ввиду того, что CSS позволяет выносить повторяющиеся стилевые описания одних и тех же элементов в 1 файл происходит значительная "разгрузка" документов HTML, а это экономия объема, трафика, времени, денег. HTML код становится лёгким, удобным для чтения и редакции.
Перейти к непосредственному изучению CSS.
В главах этого учебника Вы научитесь внедрять каскадные таблицы стилей на страницы сайта, познакомитесь с основными стилевыми свойствами элементов на примере создания сайта с использованием CSS, вникните в тонкости и хитрости дела.
