El desarrollo web es complicado. Es por eso que los desarrolladores web usan muchas herramientas para ayudarles en su trabajo, y siempre están buscando nuevas herramientas para agregar a su caja de herramientas.
Las herramientas de desarrollo del navegador que se incluyen en la mayoría de los navegadores modernos son un gran favorito de la mayoría de los desarrolladores. Cada navegador difiere en cuáles herramientas proporciona exactamente, pero son más parecidas que diferentes.

Inspecccionar HTML

Una gran herramienta es la habilidad de hacer clic con el botón derecho sobre cualquier elemento en una página web e inspeccionar el HTML para ese elemento. Aquí está un video de cómo hacer eso en Chrome:

Inspeccionar CSS

Otra herramienta útil es el inspector de CSS. Con esta herramienta puedes revisar cuáles estilos se le aplican a un elemento y jugar con ellos. Aquí está un video que muestra cómo usar esta herramienta en Chrome:
Estas herramientas te pueden ayudar tanto a entender la estructura de otros sitios web como a depurar los tuyos propios.
Hay muchas herramientas más, pero esas dos te darán un gran inicio para ser un mejor desarrollador web. Intenta inspeccionar un elemento en esta página web y ¡ve qué encuentras!
Cargando