CSS en linea, interno y externo

En css podemos aplicar estilos de tres maneras:

CSS en linea
CSS interno
CSS externo

CSS en linea

Cuando hablamos de CSS en linea, hacemos referencia a que los estilos se aplican directamente en el elemento HTML. Estos estilos tienen la prioridad más alta.

Estos van en los elementos HTML, por ejemplo:

Reglas CSS: color, font-size, font-family, font-weight

<p style="color: red;">
  Cambia el color de este texto a rojo
</p>

<p style="font-size: 20px;">
  Cambia el tamaño de este texto a 20px
</p>

<p style="font-family: Arial, sans-serif;">
  Cambia la fuente de este texto a Arial
</p>

<p style="font-weight: bold;">
  Cambia el peso de este texto a bold
</p>

<p style="color: red; font-size: 20px; font-family: Arial, sans-serif; font-weight: bold;">
  Para aplicar varias reglas se separan por punto y coma (;)
</p>

CSS interno

Hablamos de CSS interno cuando aplicamos estilos dentro de una etiqueta style, directamente en el archivo HTML. Estas deben ir dentro de la etiqueta head.

<head>
  <style>
    p {
      color: red;
    }
  </style>
</head>

CSS externo

Hablamos de CSS externo cuando aplicamos estilos en un archivo CSS separado.

<head>
  <link rel="stylesheet" href="styles.css">
</head>

Cómo trabajar con CSS - Guía para principiantes

Aprende a trabajar con CSS desde cero, incluyendo la estruct...

Configurando una página CSS en HTML

Aprende a configurar una página CSS en HTML, incluyendo la e...

Referencias

Hostinger. Tipos de estilos CSS. https://www.hostinger.com/es/tutoriales/tipos-de-estilos-css

CSS en linea, interno y externo

CSS en linea, interno y externo

CSS en linea

Reglas CSS: color, font-size, font-family, font-weight

CSS interno

CSS externo

Conceptos Básicos de HTML

Conceptos Básicos de JavaScript

Conceptos Básicos SQL

Conceptos Básicos de GIT

Conceptos Básicos de Python

Conceptos Básicos de UML