Универсальный селектор
Часть раздела Стилизация с CSS путешествия по HTML на Coddy. Урок 15 из 76.
Универсальный селектор — это мощный селектор в CSS, который выбирает каждый HTML-элемент на странице. Он обозначается звёздочкой (*).
Универсальный селектор применяет указанные стили ко всем элементам независимо от их типа, класса или ID. Браузеры применяют собственные стили по умолчанию до ваших (например, отступы вокруг заголовков и абзацев, а также внутренние отступы в списках), поэтому универсальный селектор полезен для задания глобальных стилей или сброса этих настроек браузера во всём документе.
Вот базовый синтаксис использования универсального селектора:
* {
property: value;
}Например, допустим, ты хочешь задать цвет текста и размер шрифта по умолчанию для всех элементов на странице. Ты можешь использовать универсальный селектор вот так:
* {
color: black;
font-size: 14px;
}
Задание
ЛегкоВам дан HTML-документ с различными элементами, включая заголовки (<h1>, <h2>), абзацы (<p>) и блок (<div>). Ваша задача — использовать универсальный селектор для стилизации этих элементов. Выполните следующие действия:
- Напишите правило CSS с использованием универсального селектора, которое задаёт цвет текста всех элементов как darkgray, а размер шрифта — 16 пикселей.
Попробуйте сами
<html>
<head>
<title>Universal Selector</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a main heading</h1>
<h2>This is a subheading</h2>
<p>This is a paragraph.</p>
<div>This is a division.</div>
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Стилизация с CSS
4Основы работы с текстом
Цвет текстаСемейство шрифтаРазмер шрифтаНасыщенность шрифтаВыравнивание текстаОформление текстаПовторение: задание №1Повторение: задание №27Блочная модель. Часть 1
Что такое блочная модель?Внутренние отступыВнешние отступыГраницыШирина и высотаИтоговое задание
Потренируйтесь самостоятельно: Песочница Web