index.md

title	slug
Usa CSS para resolver problemas comunes	Learn/CSS/Howto

{{LearnSidebar}}

Los siguientes enlaces apuntan a soluciones comunes a los problemas cotidianos que necesitará resolver con CSS.

Casos de uso común

Básicos

• Cómo aplicar CSS al HTML
• How to use whitespace in CSS
• Cómo escribir comentarios en CSS
• Cómo seleccionar elementos mediante nombre del elemento, clase o ID
• Cómo seleccionar elementos mediante nombre del atributo y contenido
• Cómo usar pseudo-clases
• Cómo usar pseudo-elementos
• Cómo aplicar múltiples selectores a la misma regla
• Cómo especificar colores en CSS
• Cómo depurar CSS en el navegador

CSS y texto

• Cómo dar estilo al texto
• Cómo personalizar una lista de elementos
• Cómo dar estilo a links
• Cómo agregar sombras al texto

Cajas y diseños

• Cómo redimensionar cajas CSS
• Cómo controlar el contenido que desborda
• Cómo controlar la parte de una caja CSS en la que se dibuja el fondo
• Cómo defino un elemento inline, block o inline-block?
• Cómo crear cajas elegantes (ver también el módulo Cajas de estilo, en general).
• Cómo usar background-clip para controlar qué parte del cuadro cubre la imagen de fondo.
• Cómo cambiar completamente el modelo de la caja usando box-sizing
• Cómo controlar los fondos
• Cómo controlar los bordes
• Cómo diseñar una tabla HTML
• Cómo agregar sombras a las cajas

Técnicas poco comunes o avanzadas

Más allá de lo básico, CSS permite técnicas de diseño muy avanzadas. Estos artículos lo ayudan a abordar los casos de uso más difíciles que puede enfrentar.

General

• Cómo calcular la especificidad de un selector CSS
• Cómo controlar la herencia en CSS

Efectos avanzados

• Cómo usar filtros en CSS
• Cómo usar los modos de fusión en CSS

Diseño

• Usar cajas flexibles en CSS
• Uso de diseños de varias columnas en CSS