Сайтостроение для чайников. Что такое CSS

Что такое CSS
Сайтостроение для чайников Почему CSS назвали «Каскадными Таблицами Стилей» наверное, уже никто не узнает. Дело в том, что правильным переводом являлось бы «Каскадные Листы Стилей». Однако, вследствие того, что большинство предпочитает называть и сами файлы и технологию аббревиатурой CSS, большой беды в укоренившемся переводе - «Каскадные Таблицы Стилей» - нет.

Для того, что бы эффективно использовать CSS, он же Cascading Style Sheets необходимо хоть немного понимать, зачем CSS создавался. Изначально HTML задумывался как язык логического форматирования документов. Это означало, что в различных документах будут выделяться элементы, эквивалентные логически. Так же предполагалось, что данные элементы будут представлены в различных браузерах более или менее одинаково.

Однако по мере развития сети Internet стало ясно, что высказываний относительно приблизительно одинакового форматирования уже не достаточно. Перед дизайнерами, и как следствие программистами, встала задача более тонкой настройки форматирования HTML-элементов.

До появления каскадных таблиц стилей у web-программиста был только один выход. Программист был вынужден прописывать множество тегов форматирования, обрамляя ими любой элемент, который должен был выглядеть определенным образом. В результате документ представлял собой нагромождения тегов (в некоторых документах на долю тегов приходилось до 80% объема документа).

Каскадные таблицы стилей позволили дизайнеру точно настраивать вид тех или иных элементов HTML-документов. Фактически каскадные таблицы стилей являются инструментом, определяющим визуальное представление логических элементов HTML-документов.
Сайтостроение для чайников Основным понятием CSS является стиль - т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя.

CSS действует другим, более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик вы должны один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного вами. Удобно, не правда ли?
Более того, вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле - это позволит использовать описание стиля на любом количестве Web-страниц. Потрясающе удобно! И еще одно, связанное с этим, преимущество - возможность изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле.

Кроме того, CSS позволяет работать со шрифтовым оформлением страниц на гораздо более высоком уровне, чем стандартный HTML, избегая излишнего утяжеления страниц графикой.
В декабре 1996 г. W3C стандартизовал первый уровень каскадных таблиц стилей (CSS1), который определил правила описания стилей визуального отображения элементов HTML-документов. В мае 1998 г. им была принят стандарт второго уровня таблиц стилей (CSS2), который существенно расширил возможности таблиц стилей. Основными особенностями CSS2 являются следующие:

* CSS2 — это язык, который позволяет присоединять стили к любым структурированным документам. На сегодня таковыми являются HTML-документы и XML-приложения.

* CSS2 распространил понятие стиля отображения на печатающие устройства, синтезаторы речи и другие устройства отображения документов.