Урок с практикой по 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. Анимация
Внимание! Впервые на этом сайте?

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Вы можете начать изучение прямо сейчас, кликнув на ссылки: HTML, CSS, JavaScript, C++, PHP, jQuery, Python, Bootstrap 3

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно