Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Debugging CSS with Chrome DevTools!
You have completed Debugging CSS with Chrome DevTools!
Preview
Learn to quickly disable and enable CSS properties, edit the value of a property, and add a CSS property to a rule.
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
For example, if you've set
a background image on an element,
0:00
you could use the dev tools to test if
the content is still presentable or
0:00
readable without the background image.
0:04
Or if you're building your layout
with Flexbox, you may need to turn
0:06
certain Flexbox properties off and
back on to see how it affects your layout.
0:09
Or to test any fallback
properties you've defined.
0:13
In the Styles pane, you are able to
turn an element CSS properties off and
0:17
back on by clicking the check box that
appears to the left of a property
0:21
when you hover over it.
0:26
So if I select the header element,
And uncheck the background property.
0:27
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up