Etiqueta <style>

La etiqueta <style> se utiliza para definir estilos CSS dentro de un documento HTML. Esto permite que se apliquen reglas de estilo a los elementos HTML directamente en el mismo archivo.

La etiqueta <style> debe colocarse dentro de la etiqueta <head> del documento HTML, y sus reglas de estilo se aplicarán a los elementos de la página web.

Algunos de los atributos más comunes de <style> son:

  • type: Define el tipo de contenido dentro de la etiqueta, que generalmente es "text/css" para hojas de estilo CSS.

Ejemplo de código 

            
<html lang="es">
<head>
    <style type="text/css">

        body {
        font-family: Arial, sans-serif;
        background-color: #f4f4f4;
        }

        h1 {
        color: blue;
        }

    </style>
</head>
    <body>
        <h1>Mi Página con Estilos</h1>
    </body>
</html>

Ejemplo de uso común: Estilos internos 

            
<head>
    <style type="text/css">
    
    p {
    font-size: 16px;
    color: #333;
    }

    </style>
</head>
Anterior Siguiente