Introducción a CSS
CSS es el lenguaje que usamos para diseñar una página 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 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 CSS
Demostración de CSS - Una página HTML - ¡Estilos múltiples!
Aquí mostraremos una página HTML con cuatro hojas de estilo diferentes. Haga clic en los enlaces "Hoja de estilo 1", "Hoja de estilo 2", "Hoja de estilo 3", "Hoja de estilo 4" a continuación para ver los diferentes estilos:
¿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.
Ejemplo de CSS
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}
CSS resolvió 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 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.
Para resolver este problema, el World Wide Web Consortium (W3C) creó CSS.
¡CSS eliminó el formato de estilo de la página HTML!
Si no sabe qué es HTML, le sugerimos que lea nuestro Tutorial de HTML .
¡CSS ahorra mucho trabajo!
Las definiciones de estilo normalmente se guardan en archivos .css externos.
¡Con un archivo de hoja de estilo externo, puede cambiar el aspecto de un sitio web completo cambiando solo un archivo!