Día 01: Introducción

Día 01: Introducción

La ruta del desarrollador web frontend autónomo🤹‍♂️


CSS es el lenguaje que usamos para diseñar páginas web.


¿Qué es CSS?

  • CSS significa hojas de estilo en cascada.

  • CSS describe cómo se deben mostrar los elementos HTML en la pantalla, el papel u otro medio.

  • CSS ahorra mucho trabajo. Puedes controlar el diseño de múltiples páginas a la misma vez.

  • Las hojas de estilo externas se almacenan en archivos CSS.


¿Por qué usar CSS?

CSS se utiliza para definir los estilos de una página web, incluyendo el diseño y las variaciones de visualización para diferentes dispositivos y tamaños de pantalla.

Ejemplo:

body {
  background-color: lightblue;
}

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

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

CSS resuelve un gran problema

HTML NUNCA tuvo la intención de contener etiquetas para diseñar una página web.

HTML fue creado para describir el contenido de una página web como:

<h1>Este es un encabezado</h1>

<p>Este es un párrafo</p>

Cuando las etiquetas (<font>) y los atributos de color fueron añadidos 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.

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

CSS eliminó el diseño de estilos de las páginas HTML.


CSS ahorra mucho trabajo

Las definiciones de estilo normalmente se guardan en archivos externos .css

Con un archivo de hojas de estilos externo, puedes cambiar la apariencia de un sitio web completo cambiando un solo archivo.


Resumen

CSS es el lenguaje utilizado para diseñar páginas web y permite controlar la apariencia de múltiples páginas a la vez. CSS resolvió el problema de añadir información de fuentes y colores a cada página en HTML y ahorra mucho trabajo al permitir cambiar la apariencia de un sitio web completo con un solo archivo. Las definiciones de estilo se guardan normalmente en archivos externos .css.


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!