Proprietà CSS sia per "html" che per "body"

L'ho visto diverse volte. Quando la gente vuole assegnare una proprietà CSS per l'intera finestra/del documento, a volte fannoProprietà CSS sia per "html" che per "body"

html, body { 
    myCSSProperty: someValue; 
}

Per esempio, si veda la risposta ho accettato here, o vedere this article.

Mi chiedo se l'assegnazione delle proprietà CSS sia html e body è di superare i bug del browser, richieste per tutti i browser, una cosa puramente psicologico, un errore comune o incomprensione dei tag html e body, o qualcos'altro.

Sarei felice se qualcuno possa demistificare la situazione per me, separando i casi in cui le proprietà CSS devono essere assegnate a html o body o entrambe, con esempi e spiegazioni specifici.

fonte

2011-10-18 Randomblue

"height", ad esempio, deve essere assegnato ad entrambi, perché è relativo all'elemento padre. In questo modo puoi assicurarti che si estenda all'intero viewport – knittl

Un sacco di buone informazioni sono recuperabili utilizzando questa ovvia query: http://www.google.com/search?q=html+vs+body+css –

@Iwburk: È interessante notare che non molti risultati rilevanti dello scorso anno: http://www.google.co.uk/search?q=HTML+vs+BODY&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en- GB: ufficiale & client = firefox-a # q = HTML + vs + BODY & hl = it & client = firefox-a & hs = U2B & tbo = 1 & RLS = org.mozilla: it-IT: ufficiale & output = search & source = LNT & TBS = QDR: Y & sa = X & ei = suKdTrKTG82aOo3uwfgI & ved = 0CAsQpwUoBQ & BAV = on.2, or.r_gc.r_pw.r_cp., cf.osb & fp = 6266eee4fc2b1327 & biw = 1271 & bih = 652 Gli articoli nella tua ricerca sono dannatamente vecchi, parlando di cose come le proprietà dei colori della barra di scorrimento. – Randomblue

This article ha ottime informazioni sui tag <html> e <body> in termini di CSS. Il corto di esso è questo (preso dalla parte superiore di questo articolo):

I html e body elementi sono distinti entità a livello di blocco, in una relazione padre/figlio.
L'altezza e la larghezza dell'elemento html sono controllate dalla finestra del browser.
È l'elemento html che ha (per impostazione predefinita) overflow:auto, provocando la visualizzazione delle barre di scorrimento quando necessario.
L'elemento body è (per impostazione predefinita) position:static, che significa che i bambini posizionati di esso sono posizionati rispetto al sistema di coordinate dell'elemento html.
In quasi tutti i browser moderni, l'offset dal bordo della pagina incorporato viene applicato attraverso un margin sull'elemento body, nonpadding sull'elemento html.

fonte

2011-10-18 20:44:03

Proprietà CSS sia per "html" che per "body"

risposta

Problemi correlati