Знакомство / Другие способы подключения CSS [9/14]
×

Другие способы подключения CSS [9/14]

Задавать стили каждого тега с помощью атрибута style очень затратно и хлопотно. А ещё это приводит к засорению HTML-кода избыточными, повторяющимися кусками CSS.

К счастью, есть и другие способы подключения стилей. Первый — подключение внешнего файла с помощью тега <link>, а второй — использование специального тега <style>. Подробнее эти методы будут разобраны в последующих курсах.

А сейчас вы познакомитесь со вторым разделом редактора, помеченным как . Код из CSS-редактора подставляется в HTML-документ так, как будто вы записали его в тег <style>.

Для начала мы почистим код в HTML-редакторе, а потом начнём пошагово стилизовать наш мини-конспект с помощью других возможностей CSS.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <title>Другие способы подключения CSS</title> </head> <body> <h1>Конспект курса</h1> <p style="color: green;">Парные теги.</p> <p style="color: green;">Одиночные теги.</p> <p style="color: green;">Атрибуты тегов.</p> <p style="color: green;">Инлайновые (встроенные) стили.</p> <p style="color: red;">Внешние стили.</p> <p style="color: red;">Стилизация по классам.</p> </body> </html>
CSS
/* body { font-family: Tahoma, serif; } p { color: green; }
HTML Academy
  1. Удалите все атрибуты style у абзацев,
  2. потом удалите символы /* в первой строке CSS-редактора.
Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.