| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
Обнулити значення відступів і полів у всіх елементів веб-сторінки відразу.
Рішення
Щоб обнулити відступи та поля у всіх елементів на сторінці, використовуйте стильові властивості margin і padding з нульовими значеннями, додаючи їх до універсального селектору *, як показано в прикладі 1.
Приклад 1. Прибираємо відступи всіх елементів
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Прибираємо відступи</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<h1>Приклад заголовка</h1>
<p>Основний текст</p>
</body>
</html>
Результат цього прикладу показано на рис. 1.
Рис. 1. Нульові відступи всіх елементів на сторінці
Зверніть увагу, що відступів і полів немає не тільки текст, але і в самої сторінки.