Chrome Dev Tools: Elements Tab

If you right click and select 'Inspect element', you can have access to the elements tab. You can change text, background color, text color, and any other CSS or HTML you'd like!

These changes don't set up automatically, so don't use this as an IDE or a place to create or edit anything you want to save. You can set up something called "persistant authoring" to save.

Cascade, inherit, and other css rules still apply, so keep that in mind as you play around. Additionally, overridden styles will be shown as having a strike through them.

It should also be noted that all of the code you're seeing in this 'tree' is current HTML, not original onload. If you use javascript or jquery to change something, it will be updated on this tree.

Padding, border, and margins are easily inspected and edited using the colorful box on the right or bottom side.

[hema]

I've almost done with my first set of ziplines in FCC. These videos are fun to watch and helpful. Thank you. I got here through your medium post.

[bert]

I cannot stop laughing at the picture of the cat lol

[georgekousias]

Can we save these elements on a browser? Google Chrome specifically.

[ellongzes]

I want to ask the question that if for instance I program a website could just anyone with access to Google developer tools change my setup.this easy, and is there a way they could make it permanent?

[ErnolDawnbringer]

this is how you imagine to be a hacker lol xD

[ianmubangizi]

Am I Colour Blind She Just Said that she changed the Colour to Purple ???