Introducción a CSS

¿Qué es CSS?

  • CSS Se refiere a las hojas de estilo en cascada* (Cascading Style Shets)
  • CSS describeCómo mostrar elementos HTML en la pantalla, papel u otros medios
  • CSS ahorrando mucho trabajo。Puede controlar simultáneamente la disposición de múltiples páginas web
  • Las hojas de estilo externas se almacenan en Archivo CSS中

*:También se conoce como hojas de estilo en cascada.

Demostración de CSS - Una página HTML - Múltiples estilos!

A continuación, se muestra una página HTML que proporciona cuatro diferentes hojas de estilo. Haga clic en los enlaces de las hojas de estilo a continuación para ver diferentes estilos:

¿Por qué usar CSS?

CSS se utiliza para definir los estilos de las páginas web, incluyendo el diseño y la disposició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;
}

Prueba por ti mismo

CSS resolvió un gran problema

¡HTML nunca tenía la intención de contener etiquetas para formatear páginas web!

El propósito de crear HTML esDescribir la página webpor ejemplo:

<h1>Este es un título.</h1>
<p>Este es un párrafo.</p>

Después de agregar etiquetas como <font> y la propiedad color a la especificación HTML 3.2, comenzó la pesadilla de los desarrolladores web. El desarrollo de grandes sitios web agregó información de fuentes y colores a cada página, lo que se convirtió en un proceso largo y costoso.

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

CSS eliminó el formato de estilo de las páginas HTML.

Si no conoce lo que es HTML, le recomendamos que lea Tutorial HTML.

CSS ahorra mucho trabajo!

Las definiciones de estilos se almacenan generalmente en archivos .css externos.

Al usar archivos de hojas de estilo externos, solo necesita cambiar un archivo para cambiar el aspecto completo del sitio web!