Знакомство / Азы CSS [8/14]
×

Азы CSS [8/14]

CSS — это язык для управления внешним видом HTML-документа. С помощью CSS можно задавать параметры отображения любого тега: ширину и высоту, отступы, цвет и размер шрифта, фон и так далее.

CSS это аббревиатура «Cascading Style Sheets» или «Каскадные Таблицы Стилей». Обычно CSS называют просто «стили».

Самый простой способ применить стили к тегу заключается в использовании атрибута style. Например:

<p style="color: red;">...</p>

В этом примере абзацу задан красный цвет шрифта. Такой способ задания стилей называют «инлайновые стили» или «встроенные стили».

Синтаксис таких стилей очень простой: свойство: значение;. Причём свойств может быть несколько.

Теперь давайте составим мини-конспект курса и отметим зелёным цветом те темы, которые мы уже отработали на практике. Для стилизации используем инлайновые стили.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <title>Азы CSS</title> </head> <body> <h1>Конспект курса</h1> <p style="color: green;">Парные теги.</p> <p>Одиночные теги.</p> <p>Атрибуты тегов.</p> <p>Инлайновые (встроенные) стили.</p> <p>Внешние стили.</p> <p>Стилизация по классам.</p> </body> </html>
CSS
/* Этот редактор в задании отключён */
HTML Academy

С помощью атрибута style:

  1. Сделайте цвет текста первых трёх абзацев зелёным green,
  2. а последних трёх — красным red.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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