Propiedades de CSS para "html" y "body"

Lo he visto varias veces. Cuando la gente quiere asignar una propiedad CSS a la totalidad de la ventana/documento, a veces lo hacenPropiedades de CSS para "html" y "body"

html, body { 
    myCSSProperty: someValue; 
}

Por ejemplo, ver la respuesta acepté here, o ver this article.

Me pregunto si la asignación de propiedades CSS para tanto html y body es superar los errores del navegador, requeridos para todos los navegadores, una cosa puramente psicológico, un error común o mala interpretación de las etiquetas y htmlbody, o alguna otra cosa.

Me alegraría si alguien pudiera desmitificar la situación para mí, separando los casos en que las propiedades de CSS deben asignarse a html o body, o ambos, con ejemplos específicos y explicaciones.

Fuente

2011-10-18 Randomblue

'height' por ejemplo necesita asignarse a ambos, porque es relativo a su elemento principal. De esta forma, puede asegurarse de que se extiende a toda la ventana gráfica – knittl

Se puede recuperar mucha y mucha información útil con esta obvia consulta: http://www.google.com/search?q=html+vs+body+css –

@Iwburk: Curiosamente, no hay muchos resultados relevantes del último año: http://www.google.co.uk/search?q=HTML+vs+BODY&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en- GB: oficial y cliente = firefox-a # q = HTML + vs + BODY & hl = es & client = firefox-a & hs = U2b & tbo = 1 & rls = org.mozilla: en-GB: oficial y salida = búsqueda & fuente = lnt & tbs = qdr: y & sa = X & ei = suKdTrKTG82aOouuuuffI & ved = 0CAsQpwUoBQ & bav = on.2, or.r_gc.r_pw.r_cp., cf.osb & fp = 6266eee4fc2b1327 & biw = 1271 & bih = 652 Los artículos en su búsqueda son bastante viejos, hablando de cosas como las propiedades de color de la barra de desplazamiento. – Randomblue

This article tiene mucha información sobre las etiquetas <html> y <body> en términos de CSS. El corto de él es esto (tomado de la parte superior del artículo):

Los html y body elementos son entidades a nivel de bloque distintas, en una relación padre/hijo.
La altura y el ancho del elemento html están controlados por la ventana del navegador.
Es el elemento html que tiene (de forma predeterminada) overflow:auto, haciendo que las barras de desplazamiento aparezcan cuando sea necesario.
El elemento body es (de forma predeterminada) position:static, lo que significa que los niños posicionados se encuentran en relación con el sistema de coordenadas del elemento html.
En casi todos los navegadores modernos, el desplazamiento desde el borde de la página incorporada se aplica a través de un margin en el elemento body, nopadding en el elemento html.

Fuente

2011-10-18 20:44:03

Propiedades de CSS para "html" y "body"

Respuesta

Cuestiones relacionadas