Introducción a CSS

CSS es el lenguaje que se usa para dotar de estilo a una página web.

Qué es CSS

  • CSS significa Cascading Style Sheets (hojas de estilo de cascada)
  • CSS describe cómo se deben mostrar los elementos HTML en la pantalla, el papel o en otros medios
  • CSS ahorra mucho trabajo. Puede controlar el diseño de varias páginas web a la vez
  • Las hojas de estilo externas se almacenan en archivos CSSa

Por qué usar CSS

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

Ejm

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}

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

p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>

<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>

</body>
</html>

CSS resuelve un gran problema

HTML NUNCA tuvo la intención de contener etiquetas para formatear una página web. HTML fue creado para describir el contenido de una página web, como:

  • <h1>Este es un encabezado</h1>
  • <p>Esto es un párrafo.</p>

Cuando se agregaron etiquetas como <font> y atributos como 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. Para resolver este problema, el World Wide Web Consortium (W3C) creó CSS. ¡CSS eliminó el formato de estilo de la página HTML.

CSS nos ahorra un montón de trabajo

Las definiciones de estilo normalmente se guardan en archivos .css externos. ¡Con un archivo de hoja de estilo externo, puedes cambiar el aspecto de un sitio web completo cambiando solo un archivo!.