Volver al diccionario
Desarrollo Web
CSS (Cascading Style Sheets)
Lenguaje que define la apariencia visual de las páginas web: colores, tipografías, layouts.
Qué es CSS
CSS es el lenguaje que controla la presentación visual de las páginas web. Mientras HTML define la estructura, CSS define cómo se ve: colores, tipografías, espaciado, animaciones y responsive design.
Sintaxis básica
```css
.selector {
propiedad: valor;
}
.titulo {
color: #333;
font-size: 24px;
margin-bottom: 16px;
}
```
Selectores
- Por etiqueta: `h1 {}`
- Por clase: `.clase {}`
- Por ID: `#id {}`
- Por atributo: `[type="text"] {}`
- Combinados: `.card .title {}`
Conceptos clave
Box Model
Cada elemento es una caja con: content, padding, border, margin.
Flexbox
Sistema de layout unidimensional para distribuir elementos.
Grid
Sistema de layout bidimensional para layouts complejos.
Responsive Design
Media queries para adaptar el diseño a diferentes pantallas.
```css
@media (max-width: 768px) {
.container {
flex-direction: column;
}
}
```
Términos relacionados
Necesitas ayuda con tu ecommerce?
Somos expertos en desarrollo de tiendas online. Cuéntanos tu proyecto y te asesoramos sin compromiso.
Contactar con Ganton