jueves, 3 de diciembre de 2020

Añadir un CSS a un HTML

 Hay distintas maneras de hacerlo.

Dentro del HTML

-Usando "style" en una etiqueta para modificar sus características.

        <etiqueta style="propiedad1: valor; propiedad2: valor; .....> Parrafo </p>

-Usando "style" dentro del <head>

        <head>
            ...
            <style type="text/css">
                etiqueta1 { propiedad1: valor; ...}
                etiqueta2 { propiedad1: valor; ...}
                etiqueta3 { propiedad1: valor; ...}
            </style>
        </head>

Inclusión de CSS en un documento

-Dentro de <head> añadir un link al css.

        <head>
            ...
            <link rel="stylesheet" type="text/css" href="css/estilos.css" />
        </head>

Características

  1. Si se introduce dentro de la etiqueta su alcance esta limitado de la misma.
  2. Si se introduce dentro de la cabecera del documento su alcance esta limitado al documento.
  3. Si se introduce una Hoja de estilo externa su alcance es de varios documentos dándoles homogeneidad. Por eso es la mas usada.

Uso de CSS

  • Permite cambiar estilos sin cambiar el código HTML.
  • Si se definen dos reglas para un mismo elemento una externa y otra interna se aplicara la interna.
  • Se ha de especificar el lenguaje del estilo por defecto.

No hay comentarios:

Publicar un comentario