Что такое CSS

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. В настоящее время существует три версии стандарта CSS: CSS1, CSS2 и CSS3. CSS это язык стилей, определяющий отображение HTML-документов. Например, CSS работает со шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами.

Сначала перечислим способы связывания файлов в фомате CSS с HTML-файлами и способы встраивания фрагментов CSS-кода в HTML-документами:

1. У всех тэгов, кроме <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style> и <title>, можно указать атрибут style. Пример: <p style="color:red"> задаёт абзац, в котором символы будут иметь красный цвет.

2. В заголовке HTML-документа (внутри элемента head) можно вставить фрагмент CSS-кода внутри тэга <style>. Его атрибуты:

o type задаёт тип языка (в нашем случае это всегда text/css).

o media задаёт тип устройства. Возможные значения:

§ all (по умолчанию) соответствует любому устройству

§ tty соответствует устройствам с моноширинным шрифтом (некоторые принтеры, факсы и т. п.)

§ tv соответствует телевизору (маленькое разрешение, низкое количество цветов, проблемы скроллинга)

§ projection соответствует проэкторам

§ haldheld соответствует карманным устройствам (малое разрешение, экран, цвета и т. п.)

§ print соответствует режиму preview (для печати)

§ braille соответствует устройствам для слепых

§ aural соответствует синтезаторам речи

Пример:

3. Можно связать файл с текстом в формате CSS с текущим HTML-документом с помощью тэга <link>. С помощью него можно связывать HTML-документ не только с CSS-файлами, но и файлами любой природы. Приведём список его атрибутов: charset, href, hreflang, type, rel, rev, target предназначены для тех же целей, что и одноименные атрибуты тэга <a>; атрибут media задаёт тип устройства (используется для text/css, например). Для случая стилевых таблиц используют rel="stylesheet" или rel="alternate stylesheet". Указывая значение атрибута title, можно его использовать для задания предпочитаемого стиля в HTTP-заголовке или тэге <meta>. Пример:

Среди приведённых способов задания информации следует отдавать предпочтение описаниям во внешних CSS-файлах, так как это будет облегчать задание общего стиля документам всего сайта.