Teoría
Teoría

Fundamentos de CSS

CSS es el lenguaje que se usa para controlar la apariencia de un documento HTML. Con CSS se pueden definir parámetros de visualización para cualquier etiqueta: ancho y alto, espacios, color y tamaño de fuente, fondo, entre otros.

CSS es la abreviatura de «Cascading Style Sheets», es decir, «hojas de estilo en cascada». Normalmente a CSS se le llama simplemente «estilos».

La forma más sencilla de aplicar estilos a una etiqueta es usar el atributo style. Por ejemplo:

<p style="color: red;">…</p>

En este ejemplo, al párrafo se le asigna un color de texto rojo. A esta forma de aplicar estilos se la llama «estilos en línea».

La sintaxis de estos estilos es muy simple: propiedad: valor;. Además, puede haber varias propiedades a la vez.

Ahora prepararemos un pequeño resumen del curso y marcaremos en verde los temas que ya practicamos. Para darle estilo, usaremos estilos en línea.

index.html

HTML

<!DOCTYPE html> <html> <head> <title>Fundamentos de CSS</title> </head> <body> <h1>Resumen del curso</h1> Etiquetas dobles. Etiquetas individuales. Atributos de las etiquetas. Estilos en línea (integrados). Estilos externos. Estilos por clases. </body> </html>

ObjetivosRealizado

Usando el atributo style:

hagan que el texto de los tres primeros párrafos use color: green;,
y el de los tres últimos, color: red;.