¿Alguna vez aplicaste CSS a un elemento, pero no funcionó?
Con las Herramientas para desarrolladores de Chrome, puedes descubrir los problemas de CSS de un vistazo, depurarlos y probarlos.
Mira el video para aprender cómo el panel Elementos > Estilos destaca varios problemas de CSS:
Propiedad con sintaxis no válidaPropiedad anuladaPropiedad inactiva
Se heredó de
parent
Propiedad heredada
Propiedad no heredada
Propiedad de abreviatura expandible
Propiedad de formato largo anuladaPropiedad de escritura manual activa
hoja de estilo del usuario-agente
- Propiedad no editable
Propiedad anulada no editable
Más sugerencias de depuración:
- Usa el filtro del panel Estilos para enfocarte en la propiedad que te interesa.
- Usa el panel Cálculo para ver todos los ganadores de Cascade y sus valores calculados.
- En el panel Cálculo, expande una propiedad y haz clic en un vínculo para encontrar su fuente en el panel Estilos.
Para obtener más información sobre todas las formas en que DevTools destaca los problemas de CSS, consulta Cómo encontrar CSS no válido, anulado, inactivo y otros.
Para mejorar tus conocimientos sobre CSS, consulta Aprende CSS.
Para aprender a crear sitios web que se vean bien y funcionen bien para todos, consulta Aprende sobre el diseño responsivo.