¿Qué es CSS?
CSS (Cascading Style Sheets) es un lenguaje de estilos utilizado para describir la presentación y el diseño de documentos HTML. Permite controlar aspectos visuales como colores, fuentes, márgenes, disposición y animaciones de los elementos en una página web.
🎨 Trabaja en conjunto con HTML y JavaScript para crear experiencias web atractivas y funcionales.
Características principales
-
🎨 Estilos y diseño → controla colores, fuentes, tamaños, márgenes, padding.
-
📐 Layouts → Flexbox, Grid, posicionamiento y diseño responsivo.
-
🔄 Cascada y herencia → reglas que determinan cómo se aplican los estilos.
-
🛠 Selectores avanzados → clases, IDs, atributos, pseudo-clases y pseudo-elementos.
-
⚡ Animaciones y transiciones → efectos visuales sin JavaScript.
Ejemplo básico 📂
body {
background-color: #f0f0f0; /* fondo gris claro */
font-family: Arial, sans-serif; /* tipografía */
color: #333; /* color de texto */
}
h1 {
color: #ff5733; /* color naranja */
text-align: center; /* centrado */
}
Ventajas de CSS
-
✅ Separación de contenido y presentación
-
✅ Control total sobre el diseño y estilo
-
✅ Diseño responsivo para dispositivos móviles
-
✅ Animaciones y efectos visuales
Proyectos con CSS
TRB Pere Alemany
En Producción
Esta web fue desarrollada como soporte digital para la presentación del trabajo de investigación "Diseño de un dron para eventos". Está pensada para facilitar la visualización de contenido científico de forma accesible, interactiva y atractiva.