Introduccion a CSS
¿Qué es CSS?
CSS significa Hojas de Estilo en Cascada (Cascading Style Sheets). Es un lenguaje de hojas de estilo utilizado para describir la presentación de un documento escrito en HTML o XML (incluyendo lenguajes basados en XML como SVG o XHTML). CSS describe cómo deben mostrarse los elementos en la pantalla, en papel, en el habla o en otras formas.
¿Por qué se creó CSS?
CSS fue creado para separar el contenido (escrito en HTML) de la presentación (definida por CSS). Antes de CSS, el estilo y el diseño de las páginas web se hacían directamente en el HTML, lo que hacía los documentos complicados y difíciles de mantener. CSS permite a los diseñadores y desarrolladores controlar el diseño de múltiples páginas web al cambiar un solo archivo, mejorando la accesibilidad y la flexibilidad.
¿Para qué sirve CSS?
CSS se utiliza para definir estilos para las páginas web, incluyendo el diseño, los colores y las fuentes. Permite adaptar la presentación a diferentes tipos de dispositivos, como pantallas grandes, pequeñas, impresoras o dispositivos de lectura de pantalla. CSS también facilita la creación de diseños consistentes a través de toda una página web o sitio, y puede ser utilizado para aplicar estilos únicos a elementos individuales, páginas enteras, o a un sitio web completo.
Ejemplo básico de CSS:
Voy a proporcionarte un ejemplo simple que muestra cómo se podría cambiar el color y el tamaño de la fuente de un párrafo en HTML usando CSS:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: blue;
font-size: 20px;
}
</style>
</head>
<body>
<p>Este es un párrafo de ejemplo que se verá en azul y con un tamaño de fuente de 20px.</p>
</body>
</html>