CSS

Estilos CSS explicados

Este sitio utiliza una hoja de estilos para aplicar colores, fuentes y diseño general.

Fondo degradado

Se utiliza linear-gradient() para aplicar un fondo suave. Otros ejemplos:

• background: linear-gradient(to right, #ff9966, #ff5e62);
• background: linear-gradient(to top, #43cea2, #185a9d);
• background: radial-gradient(circle, #ffffff, #d9afd9);

Ejemplo:

body {
  background: linear-gradient(to right, #ff9966, #ff5e62);
  font-family: 'Rubik', sans-serif;
}
      

Fuente Rubik

También puedes combinar fuentes:

font-family: 'Rubik', sans-serif;
font-weight: 400;
font-style: italic;
      

Títulos con degradado

h1 {
  background: linear-gradient(to right, #f9d423, #ff4e50);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
      

Estructura general

body {
  margin: 0;
  padding: 0 20px;
}

nav ul {
  display: flex;
  gap: 1rem;
}

section {
  margin: 40px 0;
}

footer {
  text-align: center;
  padding: 20px;
}

a:hover {
  color: #ff6600;
}

button {
  background-color: #4CAF50;
}

img {
  max-width: 100%;
}

h2::before {
  content: '🧩 ';
}