que péguelo las etiquetas etiqueta entre código cierre cabecera body html css tags

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 body tenga 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?