Curso de CSS - Lección 1

Curso de CSS – Lección 1

¡Aprende a programar en CSS con los 300 ejemplos que conforman este curso de lenguaje de programación CSS!

CSS es el lenguaje que usamos para dar estilo o formato a un documento HTML. Describe cómo deben mostrarse los elementos HTML.

En este pequeño curso de CSS veremos todo lo que puede hacer el lenguaje de programación CSS.

Ejemplo CSS

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

CSS en acción:

Comenzar curso
Ben Kolde profile on unsplash.com

¿Qué es CSS?

Las siglas CSS del inglés Cascading Style Sheets significan hojas de estilo en cascada. CSS describe cómo se deben mostrar los elementos HTML en la pantalla, el papel o en otros medios

El leguaje CSS ahorra mucho tiempo de trabajo. Puede controlar el diseño de varias páginas web a la vez. Las hojas de estilo externas se almacenan en archivos CSS

CSS vino a resolver un gran problema

HTML NUNCA tuvo la intención de contener etiquetas para dar formato o estilo a una página web. El lenguaje de hipermarcado (HTML) fue creado para describir el contenido de una página web, etiquetas como:

<h1>Este es un encabezado</h1>

<p>Esto es un párrafo.</p>

Cuando se agregaron etiquetas como <font> y atributos de color a la especificación HTML 3.2 comenzó una pesadilla para los desarrolladores web. El desarrollo de grandes sitios web donde se añadía información de fuentes y colores a cada página se convirtió en un proceso largo y costoso que se traducia en mayor peso y/o carga de la web.

Para resolver este problema, el World Wide Web Consortium (W3C) creó CSS.

“¡CSS eliminó el formato de estilo de la página HTML!.”

W3 Schools

We all know everyone has many stuff on the table.

¿Qué es CSS?

Las siglas CSS del inglés Cascading Style Sheets significan hojas de estilo en cascada. CSS describe cómo se deben mostrar los elementos HTML en la pantalla, el papel o en otros medios

El leguaje CSS ahorra mucho tiempo de trabajo. Puede controlar el diseño de varias páginas web a la vez. Las hojas de estilo externas se almacenan en archivos CSS

¿Por qué usar CSS?

El lenguaje de programación CSS se usa para definir estilos en las páginas web, incluido el diseño, el layout y sus variaciones en la visualización para diferentes dispositivos y tamaños de pantalla.

Ejemplo CSS

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

CSS en acción:

¡CSS ahorra mucho trabajo!

Las definiciones de estilo normalmente se guardan en archivos .css externos Gracias a ello, con un archivo de hoja de estilo (CSS), puedes modificar el aspecto de un sitio web completo cambiando solo un archivo.

Si no sabes qué es HTML, te recomendamos que le eches un vistazo a nuestro curso de programación HTML.

Temas CSS gratis cortesía de W3Schools

Los chic@s de W3Schools han creado algunas plantillas web responsive (adaptables) con el marco W3.CSS. Eres libre de guardarlos, modificarlos, compartirlos y usarlos en todos tus proyectos.

Descargar plantillas CSS gratis

Leave a Comment

1