0Pricing
HTML for Kids · Lección

¿Qué es CSS?

¿Qué es CSS?

¿Qué es CSS? es una lección gratuita de HTML for Kids en CoddyKit. Esta es la lección 1 de 1. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de HTML for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de HTML for Kids incluye 1 lecciones en total.

Introducción

Hola:

En este curso aprenderemos CSS, un lenguaje que mejorará el aspecto visual de nuestras páginas web.

Si no está familiarizado con HTML, complete primero el curso HTML Getting Started 

Si piensa que ya conoce HTML, comencemos.

¿Qué es CSS? — ilustración 1

En esta parte del curso aprenderemos por qué necesitamos CSS

En esta parte del curso aprenderemos por qué necesitamos CSS.

En primer lugar, planteémonos la primera pregunta que me vino a la mente mientras aprendía CSS.

¿Por qué necesitamos aprender otro lenguaje para hacer lo que HTML no puede hacer?

HTML es un lenguaje que utilizamos para presentar datos

En primer lugar, recordemos qué hace HTML 

HTML es un lenguaje que utilizamos para presentar los datos que tenemos en las páginas web (texto, imágenes, fórmulas, etc.) de forma más precisa a los usuarios.

Un documento HTML como base de una página web

Por ejemplo, imaginemos que estamos escribiendo un artículo en un cuaderno 

Si eliminamos los puntos, las comas y demás signos de puntuación de nuestro artículo, podemos transmitir de forma incorrecta lo que queremos comunicar a las personas que lo lean.

En las páginas web también existen etiquetas HTML que utilizamos para expresar la información que queremos proporcionar a los usuarios de forma más clara.

Además, una página web es un documento HTML, y los navegadores buscan un documento HTML para ejecutar la página. Por eso, puede pensar en un documento HTML como la base de una página web.

Entonces, ¿qué hace CSS?

Entonces, ¿qué hace CSS?

CSS es una tecnología desarrollada para proporcionar el aspecto visual que le falta a HTML al presentar nuestros datos.

CSS mediante una analogía

Veámoslo con otra analogía. Imagine que está construyendo una casa. La función principal de una casa es servir de refugio a las personas que vivirán en ella. Eso es lo que hace HTML.

El objetivo principal de una página web es proporcionar información a las personas que la abren en su navegador. CSS es la tecnología que proporciona la pintura exterior de esta casa, su decoración y la colocación adecuada de las ventanas.

CSS con una analogía 2

Aunque las páginas web ideales no tienen CSS (por ejemplo, Wikipedia), HTML cumple la tarea principal porque contiene los datos. Sin embargo, CSS ayuda a HTML a presentar estos datos al usuario de una forma más significativa y atractiva.

¿Qué es CSS? — ilustración 7

Wikipedia - 1

La imagen anterior es una captura del sitio wikipedia.com con los estilos desactivados 

En otras palabras, utilizando únicamente el lenguaje HTML, podemos obtener para nuestros visitantes un resultado como el que ve arriba.

¿Qué es CSS? — ilustración 8

Wikipedia 2

Ahora veamos el resultado al volver a activar el código CSS.

Como puede ver, los datos presentados en el sitio no cambian, pero con CSS nuestro sitio simplemente se vuelve más amigable para los usuarios.

¿Qué es CSS? — ilustración 9

ha adquirido muchas capacidades visuales

Con la versión actual de CSS, CSS3, ha adquirido muchas capacidades visuales.

preguntas más frecuentes

Hemos aprendido qué es CSS. Antes de pasar a la siguiente sección,

veamos las preguntas más frecuentes sobre CSS.

Historia de CSS

¿Desde cuándo se utilizan las CSS (Cascading Style Sheets)?

CSS es una tecnología que se utiliza desde 1996.

sin utilizar CSS

¿Puedo crear una página web sin utilizar CSS?

Sí, puede hacerlo. Pero probablemente tendrá un aspecto tan malo que ningún usuario entrará. Sin CSS, una página web no puede considerarse literalmente una página web.

Pregunta sobre las principales aplicaciones web

¿Utilizan CSS las principales aplicaciones web, como Facebook, Google y Amazon?

Sí. No solo estas, sino todas las páginas web que abre en el navegador utilizan CSS.

¿Es difícil aprender CSS?

¿Es difícil aprender CSS?

CSS es fácil de aprender. Escribiremos código como si habláramos inglés. Sin embargo, los desarrolladores de software suelen encontrar dificultades en algunos aspectos menores. 

Por ejemplo, en cómo colocar los bloques en la página. Nos centraremos en estos y otros problemas similares. Al final del curso, aprenderá CSS sin ninguna duda.

Consejos sobre CSS

¿Tiene algún consejo que deba seguir mientras aprendo CSS?

Sí. Puede aprender CSS muy rápidamente si practica mucho.

Enhorabuena

Enhorabuena. 🥳🥳🥳

Ha terminado la lección ¿Qué es CSS?

En la siguiente sección, aprenderemos la Introducción a CSS.

Puede hacer clic para continuar en la siguiente sección.

¿Qué es CSS? — ilustración 17

Preguntas frecuentes

¿La lección «¿Qué es CSS?» es gratis?

Sí — el texto completo de «¿Qué es CSS?» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de HTML for Kids, actualiza a CoddyKit PRO. El curso de HTML for Kids incluye 1 lecciones en total.

¿Qué aprenderé en «¿Qué es CSS?»?

¿Qué es CSS? Practicas HTML for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar HTML for Kids?

No se requiere experiencia previa. HTML for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 1.

¿Cuánto tiempo toma la lección «¿Qué es CSS?»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de HTML for Kids?

Sí. Cada lección de HTML for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

← Volver a HTML for Kids