Cursos CSS modulo 1

 

Módulo 1: Introducción a CSS

En esta lección aprenderás qué es CSS, cómo se usa y por qué es tan importante en el diseño web. CSS significa Cascading Style Sheets o Hojas de Estilo en Cascada, y permite dar formato y estilo a las páginas HTML.

---

¿Qué es CSS?

CSS define cómo los elementos HTML se ven en pantalla, papel o incluso en otros medios. Con él puedes cambiar:

• ✅ Colores de texto y fondo.
• ✅ Tamaño, fuente y estilo del texto.
• ✅ Espaciado y márgenes.
• ✅ Posicionamiento y distribución de los elementos.

p {
  color: blue;
  font-size: 18px;
}

---

¿Cómo se aplica CSS?

Existen 3 formas principales:

1️⃣ CSS en línea (inline)

Se escribe directamente en la etiqueta HTML.

<p style="color: red;">Texto en rojo</p>

2️⃣ CSS interno

Se coloca en la cabecera del documento HTML, dentro de <style>.

<style>
p { color: green; }
</style>

3️⃣ CSS externo

Se crea un archivo .css separado y se enlaza con <link>. Es la mejor práctica.

<link rel="stylesheet" href="estilos.css">

---

¿Por qué usar CSS externo?

• ✅ Mantiene tu código HTML limpio.
• ✅ Permite usar el mismo estilo en varias páginas.
• ✅ Facilita el mantenimiento y actualizaciones.

---

Preguntas de Repaso

Pregunta 1

¿Qué significa CSS?

• A) Computer Style Sheets
• B) Cascading Style Sheets
• C) Creative Style Sheets
• D) Colorful Style Sheets

✅ Respuesta correcta: B) Cascading Style Sheets

---

Pregunta 2

¿Cuál es la mejor práctica para aplicar CSS en una web profesional?

• A) CSS en línea
• B) CSS interno
• C) CSS externo
• D) Usar solo HTML

✅ Respuesta correcta: C) CSS externo

---

Pregunta 3

¿Cuál de estos estilos cambia el color de un párrafo a azul?

• A) p { color: red; }
• B) p { color: blue; }
• C) p { font-size: 18px; }
• D) p { background: yellow; }

✅ Respuesta correcta: B) p { color: blue; }

Esta lección forma parte del curso básico de CSS. En el próximo módulo aprenderás a usar selectores y propiedades básicas.