.: bgcolor почти поддерживает все основные браузеры, такие как Chrome, Edge, Firefox, Safari и Opera. css — Background-Color тега BODY применяется ко всему HTML спросил Изменено
9 лет, 8 месяцев назад Просмотрено
7к раз Меня не устраивает размер тега body в html. У меня есть жесткий код:
корпус{
отступ: 0px;
высота: 100 пикселей;
цвет фона: #e5e5e5;
}
Почему фон покрывает всю страницу? Я думал, что он должен занимать только 100 пикселей, Пожалуйста, объясните мне это, спасибо за вашу помощь! 5 Это действительно сбивает с толку, но это указано в спецификации CSS 2. 1, пункт 14.2 Фон: если вычисленное значение background-color равно Transparent , а вычисленное значение background-image равно none for элемент html (по умолчанию), браузеры должны вместо этого использовать вычисленное значение свойств фона для элемента body и не должны отображать фон для body (т. е. делать его прозрачным). то есть body background волшебным образом превращается в html background, если html не имеет собственного фона — и это влияет только на свойства фона, а не на истинную высоту элемента body . Не вижу никакого смысла в этом странном правиле, предписывающем некое «обратное наследование». Но это четко указано в CSS 2.1 и применяется браузерами. Как объяснялось в других ответах, вы можете сделать так, чтобы ваш контент имел фон определенной высоты, либо установив фон на html (чтобы фон body действительно применялся только к body ) или с помощью элемента-обертки внутри body и установки высоты на нем (поскольку специальное правило применяется только к body ). Спасибо Анне ван Кестерен, которая указала на спецификацию CSS, когда я спросил об этом в списке рассылки WHATWG. (Я думал, что знаю CSS 2.1 наизусть, но на самом деле это не так. ☺) 4 Тело — это специальный HTML-тег, обычно покрывающий всю HTML-страницу. Попробуйте следующее: <тело>
<дел>
Контент идет сюда
и сопровождающий его CSS: body{
/* любой код, связанный с телом, который вы хотели бы использовать, идет сюда */
}
#содержание{
отступ: 0px;
высота: 100 пикселей;
цвет фона: #e5e5e5;
}
2 Многие веб-разработчики не понимают разницы между применением стиля к элементу body и к элементу html. В большинстве случаев эти авторы применяют стиль только к элементу body; когда этого недостаточно, они будут спамить всевозможными стилями как в html, так и в теле, пока страница не будет выглядеть правильно.
| 