@Kartoxa18

Почему в браузере автоматически появляются отступы с боковых сторон?

Почему в браузере автоматически появляются отступы с боковых сторон при написании кода на HTML?
Как их убрать дайте советы пожалуйста.5d7e00b47543d020989672.png
  • Вопрос задан
  • 1954 просмотра
Решения вопроса 3
@sidorchik
Браузер по умолчанию задаёт отступ странице: цсс-свойство margin для хтмл-тега body.

Чтобы убрать ненужный отступ, считается плохой практикой писать следующий цсс:
* {
    margin: 0;
    padding: 0;
}

Причина — добавляет ненужного кода элементам. У большинства и так нулевые дефолтные отступы, а у других (например, заголовков, списков) обычно задаются свои.

Опытные ребята обнуляют отступы и другие стили c помощью reset.css или normalize.css. Минусы такого похода:
  1. Не делается ничего из того, что хочет ваш дизайнер.
  2. Половина описанных элементов не используется.
  3. Повышается сложность чтения и объём байтиков: браузер добавляет стили по умолчанию, рисет всё обнуляет, вы добавляете своё. В инспекторе — портянка зачёркнутых свойств.
  4. Неуниверсально. Если захотите использовать блоки повторно, на другом проекте всё сломается. Чтобы починить, нужно будет искать старый рисет.


Яндекс советует не использовать селекторы на звёздочку, не сбрасывать стили, а писать универсальные блоки. Ваш случай:
.page {
    margin: 0;
}

<body class="page">

Источник
Ответ написан
godsplane
@godsplane
* {
margin:0;
padding:0;
}


У браузера по умолчанию есть свои стили которые нужно сбрасывать
Ответ написан
В браузерах есть встроенные таблицы стилей (CSS), которые размечают HTML-код даже в том случае, если Вы никакие стили не указывали.

Так вот, для тега <body> применяется свойство margin.

Вы можете обнулить его, указав в стилях правило
body {
    margin: 0;
}

5d7e02d17a9c8659431119.png
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 03:54
1500 руб./за проект
22 нояб. 2024, в 02:56
10000 руб./за проект
22 нояб. 2024, в 00:55
500 руб./за проект