Урок с практикой по HTML (Онлайн курсы)
Выбрать другой урок из курса
Обсуждение
Теория урока

Описание стилей в HTML документе

Описание стилей CSS

Стили можно описать двумя способами: подключить файл или описать в HTML документе, в контейнере <head>. Подключение файла, мы рассмотрим в следующем уроке, а сейчас поговорим об описании в документе. Описание стилей происходит в контейнере <style>. Например, в блоке <style> я написал для класса userclass свойство font-size (в последующих курсах вы узнаете многое о CSS и свойствах, пока не будем вдаваться в подробности). font-size изменяет размер текста, в данном примере, в пикселях (px). Чтобы применить данный класс к какому-либо тегу, мы пишем атрибут class и в значение пишем имя нашего класса. В CSS класс начинается с «.» (точка), а id с «#» (решетка, sharp). Пример использования класса userclass:

Код HTML
<p class = "userclass">привет</p>
<
×
>
Курс «Знакомство с HTML»
Урок 0.1. Вводный урок по курсу HTML и CSS
Урок 1.1. Что такое HTML?
Урок 1.2. Первое знакомство с HTML
Урок 2.1. Теги в HTML. Одинарные и парные теги
Урок 2.2. Что такое теги и для чего они нужны?
Урок 2.3. Одинарные теги
Урок 2.4. Парные теги
Урок 3.1. Структура HTML документа
Урок 3.2. Что означают теги HTML, HEAD, BODY?
Урок 3.3. Первая строка всех сайтов - DOCTYPE
Урок 3.4. Исходный код веб-страницы
Урок 3.5. Заголовок в HTML - тег TITLE
Урок 3.6. Кодировка HTML страницы и атрибуты
Урок 3.8. Подключение внешних файлов в HTML - стили CSS
Урок 3.9. Практика: что не хватает в структуре
Урок 3.10. Практика: опять чего-то не хватает в структуре
Урок 4.1. Использование HTML метатегов (Мета теги)
Урок 4.2. Практика: повторим метатеги
Урок 4.3. Практика: метатеги Facebook
Другие курсы
Курс 2. Разметка текста
Курс 3. Ссылки
Курс 4. Изображения
Курс 5. Таблицы
Курс 6. Формы
Курс 7. HTML5
Курс 8. Остальное
Курс 9. Знакомство с CSS
Курс 10. Селекторы в CSS
Курс 11. Структура и каскад
Курс 12. Единицы измерения
Курс 13. Шрифт
Курс 14. Свойства текста
Курс 15. Форматирование
Курс 16. Отступы, рамки, поля
Курс 17. Цвета и фон
Курс 18. Позиционирование
Курс 19. Верстка таблиц
Курс 20. Списки
Курс 21. Анимация
Курс 22. Практика с htmlbook.ru
Курс 23. Элементы сайта
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.