Teoría
Teoría

Conceptos básicos de CSS

CSS es un lenguaje que permite controlar la apariencia de un documento HTML. Con CSS puedes establecer los parámetros de visualización de cualquier etiqueta: anchura y altura, sangrías, color y tamaño de fuente, fondo, etc.

CSS es la abreviatura de "Cascading Style Sheets" u "Hojas de estilo en cascada". Normalmente se hace referencia a CSS simplemente como "estilos".

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

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

En este ejemplo, el párrafo tiene un color de fuente rojo. Esta forma de establecer estilos se denomina "estilos en línea" o "estilos en línea".

La sintaxis de estos estilos es muy sencilla: propiedad: valor;. Y puede haber varias propiedades.

Ahora hagamos un mini esquema de la parte y marquemos en verde los temas que ya hemos practicado. Para la estilización, utilizaremos los estilos en línea.

index.html

HTML

<!DOCTYPE html> <html> <head> <title>Conceptos básicos de CSS</title> </head> <body> <h1>Esquema del curso</h1> Etiquetas de emparejamiento. Etiquetas individuales. Atributos de la etiqueta. Estilos en línea (incorporados). Estilos exteriores. Estilización por clases. </body> </html>

ObjetivosRealizado

Con la ayuda del atributo style:

Haz que el color del texto de los tres primeros párrafos sea green,
y los tres últimos en red.