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

Основы CSS

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

Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры



Классы в CSS

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


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


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

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


CSS файл:




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



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



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