Esta es la MEJOR manera de Añadir CSS al HTML

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

Hay 3 maneras de añadir CSS al HTML

  • CSS externo
  • CSS interno
  • CSS en línea

CSS externo

Los estilos se encuentran en un fichero externo (.css) que se vincula al HTML usando la etiqueta <link> en el <head>

See the Pen CSS | 1.4 - Añadir CSS al HTML - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

CSS interno

Los estilos se encuentran dentro del archivo HTML dentro de un elemento <style> dentro del <head>

See the Pen CSS | 1.4 - Añadir CSS al HTML - 2 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

CSS en línea

Se usa para aplicar estilos a un sólo elemento con el atributo styles, y dentro de este puede haber cualquier propiedad de CSS.

See the Pen CSS | 1.4 - Añadir CSS al HTML - 3 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Múltiples estilos

Si se han definido algunas propiedades para el mismo selector en diferentes hojas de estilo, se utilizará el valor de la última hoja de estilo leída.

Orden en cascada

¿Qué estilo se usará cuando haya más de un estilo especificado para un elemento HTML?

Todos los estilos de una página se "encadenarán" en una nueva hoja de estilo "virtual" según las siguientes reglas, donde el número uno tiene la máxima prioridad:

  1. CSS en línea
  2. CSS externo e interno (en el <head>)
  3. Predeterminado por el navegador

Por lo tanto, el CSS en línea tiene la máxima prioridad y anulará los estilos externos e internos y los valores predeterminados del navegador.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats