Задание по базовой стилизации
Часть раздела Styling with CSS путешествия по HTML на Coddy — урок 9 из 76.
Задание
ЛегкоВам дан HTML-документ с заголовком (<h1>) и абзацем (<p>). Ваша задача — стилизовать эти элементы, используя комбинацию встроенного (inline), внутреннего (internal) и внешнего (external) CSS. Выполните следующие шаги:
- Используйте inline CSS, чтобы изменить цвет текста заголовка
<h1>на blue. - Используйте internal CSS, чтобы изменить цвет фона
bodyна lightgray и размер шрифта абзаца (<p>) на 16px. - Используйте предоставленный external CSS файл с именем
styles.css, чтобы изменить цвет текста абзаца (<p>) на red. - Подключите внешний CSS-файл к HTML-документу с помощью тега
<link>.
Попробуйте сами
<html>
<head>
<title>Basic Styling Challenge</title>
<style>
body {
background-color: white;
}
p {
font-size: 12px;
}
</style>
<!-- Добавьте ссылку на внешний CSS-файл здесь -->
</head>
<body>
<h1 style="color: red;">This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>Все уроки раздела Styling with CSS
4Основы работы с текстом
Цвет текстаСемейство шрифтовРазмер шрифтаНасыщенность шрифтаВыравнивание текстаОформление текстаПовторение: Задача №1Повторение: Задача №2
11Методы верстки
Блочные и строчные элементыОсновы позиционированияОтносительное позиционированиеАбсолютное позиционированиеФиксированное позиционированиеОсновы Z-IndexИтоговое испытание14Финальные испытания
Расположение элементовСписок фильмовСвадебное приглашениеВсплывающее уведомление