cierre - péguelo en el código html entre las etiquetas<head> y</head>
¿Por qué debería usar una clase o una identificación en una etiqueta<body>? (2)
Es útil si desea tener el menor número posible de hojas de estilo (como, por ejemplo, una ), pero aún desea personalizar la visualización de determinadas páginas.
Esto puede ser útil:
- Si desea cambiar el fondo de una de sus páginas web.
- Si desea cambiar dinámicamente el tema de su sitio (como http://lisperator.net/ lo hace, aunque esté en la etiqueta
<html>) - Haz algo ingenioso con JavaScript para transformar la página web (mira el elemento de la lista anterior)
- Es CSS. ¡Puedes hacer lo que quieras con eso!
Más sobre esto en CSS Tricks .
Presione Ctrl + U.
Presione Ctrl + F. Escriba <body .
Maravilla de maravillas! ¡StackOverflow usa clases de <body> !
NOTA: SO no los estilo directamente con CSS, sino que los usa como controladores para JS
Veo a muchas personas dando el HTML <body> -etiqueta de identificación o una clase para acceder a él a través de CSS. ¿Por qué debería hacer esto, cuando puedo acceder directamente a él como etiqueta?
¿Por qué debería hacer esto?
Ejemplo 1:
.body-wrapper {
margin: 0px 3px;
}
¿En lugar de esto?
Ejemplo 2:
body {
margin: 0px 3px;
}
Considere estos dos escenarios:
Tienes elementos de anclaje en toda tu página. Cada uno de estos elementos de ancla lleva al usuario a la parte superior de la página, así:
<a href="#top-of-page">Go to top</a>Bueno, la parte superior de la página podría ser esta:
<body id="top-of-page">¿Qué sucede si desea que ciertos elementos tengan un estilo similar, como un borde?
.frame-this { border: 2px dashed black; }Si desea que el elemento del
bodytenga este borde, tomaría esta clase:<body class="frame-this"> ... </body>
Estos son escenarios un poco rebuscados, pero ilustran dos razones por las cuales el elemento del body puede necesitar un id o una class .
Ver también este artículo sobre CSS-Tricks: ¿Por qué usar Clases o ID en el elemento HTML?