CSS externo

Hay 3 formas de aplicar CSS a su archivo HTML. La primera es una hoja de estilo externa y es una de las formas más comunes de decorar varias páginas de una sola vez. Lo que hace es insertar un enlace a un archivo .css externo utilizando el <link> **** y el <href>debe hacer referencia a un archivo en su sistema de archivos. Necesitamos hacer eso para localizar el código CSS; de lo contrario, la página no tendrá ningún estilo.

El <link>también puede incluir type que define el formato de archivo al que se vincula. En el caso del archivo CSS, su valor debe establecerse en text/css. ¿Para qué sirve rel ****? Especifica la relación entre el documento actual y el archivo CSS vinculado. Ya que te estás refiriendo a una hoja de estilo, el valor debería ser... correcto, ¡la hoja de estilo!

Untitled

CSS interno

Como sugiere el nombre, una hoja de estilo interna se encuentra dentro del documento HTML en la sección <head> ****. Escriba todas las reglas de estilo dentro del <style>

Este tipo de estilo aplicado es bastante raro y solo funciona si necesita agregar algunas propiedades únicas a una sola página. Para los sitios web con varias páginas, se agotará insertando la hoja de estilo interna uniforme en cada página, sin mencionar el cambio de una pequeña pieza de código en el estilo.

Untitled

CSS en línea

Para diseñar un elemento HTML específico, puede agregar style directamente a la etiqueta de apertura, como <p> ****o <h1>. Este método se llama estilo en línea . Después de mencionar todos los estilos usando coloro font-size, asegúrese de cerrarlo con un punto y coma ( ;).

El estilo en línea debe ser su último recurso. Confunde el HTML y el contenido, lo que dificulta su lectura y actualización. La única vez que está justificado usar estilo en línea es tener acceso solo al cuerpo HTML.

Untitled

Orden en cascada en CSS

El orden en cascada establece la prioridad de esta manera:

  1. estilo en línea,
  2. hoja de estilo interna,
  3. hoja de estilo externa,
  4. valores predeterminados del navegador.

El estilo en línea generalmente va dentro de <body>, por lo que siempre es el último y tiene una prioridad más alta. El estilo interno anula el externo, ya que generalmente viene después del externo. En otras palabras, cuanto más cerca esté el estilo del elemento o selector, mayor prioridad tendrá.

Untitled