Guía para modificar reglas CSS en la consola

L

Linton

Épsilon

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 19 Mar 2019

• #1

:sorprendido: Se supone que a la vista de semejante batiburrillo puedo modificar las reglas CSS. Pues ni idea, no sé cómo cambiar los parámetros, ni cuáles debo cambiar. ¿Alguna guía facilita?

 

ramonjosegn

Sigma

Verificación en dos pasos activada

¡Usuario popular!

• 19 Mar 2019

• #2

Hola [MENTION=30305]Linton[/MENTION] depende de lo que quieras obtener...

No es lo mismo cambiar la ruta de una imagen a pasar el borde de una imagen a amarillo.

Tienes que saber, antes de nada, qué vas a cambiar... sino será muy complicado ayudarte.

 

L

Linton

Épsilon

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 19 Mar 2019

• #3

Gracias,intento darle margen a la foto, pero no sé dónde hacerlo, ni puedo cambiar los valores que sí aparecen :sorprendido:

 

N

nalayu

Beta

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 8 Jun 2019

• #4

Hola Linton,

Chrome tiene su propia documentación sobre cómo usar la consola y en una de las secciones explica cómo puedes cambiar el CSS.

Es bastante completo y está en diferentes idiomas, entre ellos español. Te dejo el enlace por si te puede ayudar:

Chrome DevTools | Tools for Web Developers
| Google Developers

En todo caso, si no te aclaras mándame un MP.

- - - Actualizado - - -

Si sabes inglés está guía va más al grano y te puede ayudar también:
How to Use the Chrome Inspector to Edit Your Website CSS - Design TLC

 

L

Linton

Épsilon

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 9 Jun 2019

• #5

Muchas gracias, utilizo Firefox pero me paso a Chrome de mil amores si allí hay menos engorro.

 

O

Okumura Rin

Gamma

Programador

No recomendado

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 10 Jun 2019

• #6

Linton dijo:

Muchas gracias, utilizo Firefox pero me paso a Chrome de mil amores si allí hay menos engorro.

Hacer clic para expandir...

Asi es, justo eso iba a comentarte. Se ve claramente que esa consola es de firefox.
Para debugger e inspeccionar, te recomiendo CHROME.

Y al igual q firefox, te saldran las propiedades CSS en el lado derecho, y podras modificarlos e ir viendo las modificaciones en tiempo real.

Slds

 

N

nalayu

Beta

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 10 Jun 2019

• #7

Las dos consolas, la de Firefox y la de Chrome, son muy parecidas. Así que cuando entiendas cómo va una de las dos, la otra te será muy fácil de utilizar.
Suerte 😉