View and change CSS

Stay organized with collections Save and categorize content based on your preferences.

Kayce Basques

Sofia Emelianova

Complete these interactive tutorials to learn the basics of viewing and changing a page's CSS using Chrome DevTools.

View an element's CSS

1. Right-click the Inspect me! text below and select Inspect. The Elements panel of DevTools opens.

   Inspect me!

2. Observe the Inspect me! element highlighted blue in the DOM Tree.