Hojas de estilo en cascada (CSS) es un lenguaje utilizado para diseñar páginas web que contienen elementos HTML, definiendo cómo se muestran los elementos en las páginas web, incluido el diseño, los colores, las fuentes y otras propiedades de los elementos de una página web. CSS funciona apuntando a elementos HTML y aplicando reglas de estilo para definir cómo deben mostrarse, incluidas propiedades como color, tamaño, diseño y posición.

Hay tres tipos de CSS que se detallan a continuación:

Tabla de contenidos

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

CSS en línea:

CSS en línea es un método para aplicar estilo directamente a elementos HTML individuales utilizando el atributo de estilo dentro de la etiqueta HTML, lo que permite aplicar estilos específicos a elementos individuales dentro del documento HTML, anulando cualquier estilo externo o interno.

Ejemplo de CSS en línea:

Este ejemplo muestra el uso de CSS en línea con la ayuda de un documento HTML.

HTML

>

>

Producción:

Explicación de ejemplo de CSS en línea:

En el ejemplo anterior estamos siguiendo estos pasos

• Aquí estamos usando CSS en línea directamente en el elemento de párrafo.
• Cambia el color a verde, el tamaño de fuente a 50 px, el estilo a cursiva y la alineación al centro.
• El estilo anula el CSS externo e interno.

CSS interno o integrado:

CSS interno o integrado se define dentro del elemento del documento HTML. Aplica estilos a elementos HTML específicos. El conjunto de reglas CSS debe estar dentro del archivo HTML en la sección principal, es decir, el CSS está incrustado dentro de la etiqueta dentro de la sección principal del archivo HTML.

Ejemplo de CSS interno o integrado:

Este ejemplo muestra el uso de CSS interno con la ayuda de un documento HTML.

HTML