Etiqueta style

La etiqueta style permite escribir CSS directamente dentro de una página HTML. Ten en cuenta que dentro de la etiqueta style escribimos, respetando la sintaxis del lenguaje CSS (selectores, llaves y así sucesivamente).

Esta etiqueta debe ubicarse dentro de la etiqueta head, sin embargo, no es obligatorio - la etiqueta style puede colocarse también dentro de la etiqueta body y funcionará.

No se debe abusar de la etiqueta style - en su lugar, la mayoría de las veces se debe usar un archivo CSS separado.

Ejemplo

Escribamos CSS dentro del código HTML usando la etiqueta style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Este es el título</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>Este es un encabezado de color estándar (negro).</h1>
    <p>Este es un párrafo de color rojo.</p>
  </body>
</html>

Ver también