CSS es el lenguaje que utilizamos para diseñar una página web.
CSS significa hojas de estilo en cascada
CSS describe cómo se mostrarán los elementos HTML en la pantalla, papel o en otros soportes
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
Aquí mostraremos una página HTML con cuatro hojas de estilo diferentes. Haga clic en "Hoja de estilo 1", "Hoja de estilo 2", "Hoja de estilo 3", "Hoja de estilo 4" enlaces a continuación para ver los diferentes estilos:
CSS se utiliza para definir estilos para sus páginas web, incluido el diseño, la disposición y variaciones en la visualización para diferentes dispositivos y tamaños de pantalla.
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}Pruébelo usted mismo →
<!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>
¡HTML NUNCA tuvo la intención de contener etiquetas para formatear una página web!
HTML era 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 se agregaron etiquetas como y atributos de color al HTML 3.2 especificación, comenzó una pesadilla para los desarrolladores web. Desarrollo de grandes sitios web, donde se agregaron fuentes e información de color a cada uno 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 sabes qué es HTML, te sugerimos que leas nuestro Tutorial de HTML.
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.