¿Alguna vez aplicaste CSS a un elemento pero no funciona?
Con las Herramientas para desarrolladores de Chrome, puedes descubrir problemas de CSS rápidamente, depurarlos y probarlos.
Mira el video para saber cómo el panel Elements > Styles destaca varios problemas de CSS:
Propiedad con sintaxis no válida
Propiedad anulada
Propiedad inactiva 
Heredado de
parent
Propiedad heredada
Propiedad no heredada
Propiedad de versión abreviada expandible 
Propiedad anulada
Propiedad de larga duración activa
hoja de estilo del usuario-agente
- Propiedad no editable
Propiedad no editable anulada
Más sugerencias de depuración:
- Usa el filtro en el panel Estilos para enfocarte en la propiedad que te interese.
- Usa el panel Computed para ver todos los ganadores de Cascade y sus valores calculados.
- En el panel Computed, expande una propiedad y haz clic en un vínculo para encontrar su fuente en el panel Styles.
Para obtener más información sobre todas las formas en que Herramientas para desarrolladores destaca los problemas de CSS, consulta Cómo buscar no válidos, anulados, inactivos y otros CSS.
Para aumentar tus conocimientos de CSS, consulta el artículo Aprende sobre CSS.
Para descubrir cómo crear sitios web que se vean bien y funcionen bien para todos, consulta Aprende sobre el diseño responsivo.