стиль html в css'е

[The_Immortal]

1) Ребят, поведайте, пожалуйста, полному нубу откуда повелось переопределять тэг html в css?

html {
	background-color: #FFFFFF;
	background-image: url("../../Img/bckgrnd.jpg");
	background-position: center top;
	background-repeat: repeat;
	min-height: 400px;
}

Дело в том, что, подобных приемов в уроках я не встречал. Вроде как всегда приучали работать с body. Но на практике очень часто вижу подобное.

2) Никак не могу понять назначение height: 100% применительно к тому же html:

html {
...
height: 100%;
}

- что это дает? Каким образом происходит растяжение по высоте?

Пробовал экспериментировать, убирая данное свойство, но никакого изменения не выявил...

В общем, подскажите, пожалуйста

Благодарю!

Edited February 3, 2013 by The_Immortal

[0nline]

Я если честно сам впервые с этим столкнулся, в этой теме... Тоже интересно узнать.

[lexxcode]

html {
    ...
    height: 100%;
}

height: 100%; как правило используется в схемах которые предусматривают прижатие футера к низу.

  Quote

1) Ребят, поведайте, пожалуйста, полному нубу откуда повелось переопределять html в css?

html {

background-color: #FFFFFF;

background-image: url("../../Img/bckgrnd.jpg");

background-position: center top;

background-repeat: repeat;

min-height: 400px;

}

Дело в том, что, подобных приемов в уроках я не встречал. Вроде как всегда приучали работать с body. Но на практике очень часто вижу подобное.

применять это к body, я считаю просто стереотипом и все.

К примеру с переходом на rem единицы применение привычного подхода с указанием базового font страницы в body не даст нужного результата. Его необходимо будет переносить в тег html, т.к. rem опирается на корневой тег, если для него ничего не указано, то на стандартные значения браузера

html {
    font: 0.75em/1.5em Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

[danik.html]

Постоянно пользуюсь этим тегом. Удобно когда нужно кроссбраузерно задать сложный фон.

Причем в браузерах есть интересная особенность - если назначить фон тегу body, но неназначать ничего html, то он автоматически становится фоном окна (какбудто бы назначен для html). Фон назначенный для html становится фоном окна целиком, потому как html порой оказывается меньше размера окна (если не задать height:100%) , но при этом фон заполняет все окно. Если назначить фон и для html и для body то фон html станет фоном окна, а фон body - будет реальным фоном body. Вот такие вот странности. Я даже не в крурсе в какой спецификации они описаны. Если кто кинет линк - буду счастлив.

[SelenIT]

Раздел 14.2 спецификации CSS 2.1, 4-й абзац.

Во многих старых статьях еще иногда можно прочитать, что это правило действует для страниц с text/html, но не application/xhtml+xml (и пр., включающих XML-режим парсинга). Когда-то давно так и было (даже в спецификации!), но как минимум с 2009 года это больше неактуально — теперь background одинаково работает при обоих режимах.