HTML, Excel, Word, SEOОсновы CSS ⇒ Классы в CSS

Основы CSS

Учебник CSS
· Что такое CSS?
· Структура html-страницы
· Шрифт: размер и гарнитура
· Выравнивание и пробелы
· Начертание шрифта
· Оформление ссылок
· Форматирование списков
· Классы
· Изображения
· Справочник атрибутов CSS

Более полно и подробно каскадные стили CSS3 рассмотрены в разделе "Основы CSS3".




Классы в CSS

До сих пор мы рассматривали форматирование при помощи CSS непосредственных тегов <H1>, <BODY>, <a> ... Но в файле CSS можно описывать еще и классы с нужным форматированием. Класс начинается с точки, за которой следует название класса, которое может быть произвольным. Один и тот же класс можно применять к разным тегам.


Ниже показан пример с классом .text1, который применяется к тегу заголовка и абзаца.


Пример использования классов: Пример №12

HTML-код страницы:


CSS файл:




Чтобы не запутаться в форматировании классов (которых может быть довольно много), рекомендуется давать им осмысленные названия.



В начало страницы



В начало страницы