Описание
Языком первого в мире сайта созданного в 1991 году был язык гипертекстовой разметки HTML. При помощи тегов HTML предписывалось как и куда разместить контент страницы.Впоследствии с развитием интернета сайты стали состоять из нескольких десятков и сотен страниц.
Встал вопрос об упрощении создания страниц и расширении функциональных возможностей инструментов для создания сайтов,так как HTML имел ограниченные функции.Так был создан язык CSS - Cascading Style Sheets , в переводе Каскадные таблицы стилей.
CSS имеет свой синтаксис ,или правило описания стилей для элементов HTML.Эти стили CSS могут записываться прямо на странице, но в большинстве случаев они записываются в отдельном документе, а на странице дается ссылка на этот документ.
Это одно из основных преимуществ CSS перед HTML ,так как изменив какой нибудь параметр в стиле CSS ,этот параметр сразу изменится на всех страницах сайта.В большинстве случаев на сайте используется и CSS и HTML.
Правило использования CSS.
1.Составляется текстовый файл с расширением .css с таблицей стилей.
2.На странице HTML между тегами <head> и </head> прописывается строка:
<link rel="stylesheet" type="text/css" href="style.css">
для подключения таблицы стилей.
Для выбора элементов на странице существуют селекторы:
CLASS - выбирает для оформления группу элементов.
Пример <div class="menu">Оформляемые элементы страницы</div>
ID - выбирает один элемент на странице.
Пример <div id="logo">Оформляемый элемент страницы</div>
Также в качестве селекторов могут быть некоторые теги HTML:
P,H1-H6,UL,TD и другие.
Пример - <ul class="container">Оформляемые элементы страницы</ul>
Версии CSS:
CSS 1 / CSS 2 / CSS 2.1 / CSS 3
Следует обратить внимание что некоторые браузеры не поддерживают отдельные свойства CSS3 ,поэтому отображение CSS3 надо проверить в основных браузерах.
Наиболее полно поддерживающими стандарт CSS являются браузеры, работающие на движках Gecko (Mozilla Firefox и др.), WebKit (Safari, Arora, Google Chrome) и Presto (Opera)[9]. Internet Explorer 6 поддерживает CSS далеко не полностью.
Internet Explorer 7 хотя и значительно улучшил уровень поддержки CSS, но всё ещё содержит ошибки.
