Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 5 - Agrupación de Varios Elementos HTML Con Una Misma Regla de Estilo

    Cargado por

    Chuy Saucedo
    71 vistas2 páginas
    css2

    Título original

    4

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    css2

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    71 vistas2 páginas

    5 - Agrupación de Varios Elementos HTML Con Una Misma Regla de Estilo

    Cargado por

    Chuy Saucedo
    css2

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 2

    9/3/2018 Tutorial de CSS - Temarios

    5 - Agrupación de varios elementos HTML con una misma regla de estilo. Listado completo de tutoriales

    Esta característica nos permite ahorrar la escritura de reglas duplicadas para diferentes
    elementos de HTML.

    La sintaxis es disponer los nombres de los elementos HTML que queremos aplicar una
    regla separados por comas:

    h1,h2,h3 {
    font-family:verdana;
    color:#0000ff;
    }

    Supongamos que queremos la misma fuente y color para los elementos h1,h2 y h3 luego
    podemos implementarlo de la siguiente manera:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Problema</title>
    <meta charset="UTF-8">

    <style>
    h1,h2,h3 {
    font-family:verdana;
    color:#0000ff;
    }
    </style>
    </head>
    <body>
    <h1>Título de nivel 1</h1>
    <h2>Título de nivel 2</h2>
    <h3>Título de nivel 3</h3>
    </body>
    </html>

    Es decir, separamos por coma todas los elementos a los que se aplicará la misma regla de estilo:

    h1,h2,h3 {
    font-family:verdana;
    color:#0000ff;
    }

    http://www.tutorialesprogramacionya.com/cssya/temarios/descripcion.php?inicio=0&cod=9&punto=5 1/2
    9/3/2018 Tutorial de CSS - Temarios

    Súbete a la nube
    Conoce Google Cloud Platform para tu negocio cloud.google.com/free

    Retornar

    http://www.tutorialesprogramacionya.com/cssya/temarios/descripcion.php?inicio=0&cod=9&punto=5 2/2

    También podría gustarte