Herramientas de Desarrollador Web en Mozilla Firefox - Editor de Estilo

En el tutorial de hoy os mostraré como ver el css asociado a nuestra pagina y como modificarlo, en esta ocasión he creado una pagina nueva con una etiqueta h1 a la cual le he aplicado con css un color y un borde. 1º- Deberemos sacar las herramientas de desarrollador igual que hicimos en tutoriales posteriores, pulsaremos F12: En el mismo inspector a la derecha podemos ver que si clickamos en el elemento h1 a la derecha nos sale que estilo se le esta aplicando, desde aquí ya podremos editar el css haciendo click en la propiedad, por ejemplo cambiándole el color: 2º- Pero nosotros queremos todos los css que esta usando la pagina así que nos iremos a la pestaña Editor de estilos, donde se nos mostraran todos los css que esta usando dicha pagina: 3º- Desde aquí también podremos ya cambiar el css, primero clickaremos en el archivo que deseamos ver, esto nos abrirá el archivo como si estuviéramos en Visual Studio Code por ejemplo: Estos cam...