From the course: CSS Fundamentals: Unlock the Power of Web Styling

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Using browser inspection tools

Using browser inspection tools - CSS Tutorial

From the course: CSS Fundamentals: Unlock the Power of Web Styling

Start my 1-month free trial Buy for my team

Using browser inspection tools

“

- [Instructor] Modern browsers have built in developer tools that are incredibly helpful when building websites. As you're learning CSS, you'll find the inspection tool to be something of magic. Let me show you what I mean. So here I am on the wordpress.org site, and the website really doesn't matter, I just want to illustrate the tool. So I'm using Firefox, and if I right click anywhere on the page, I get this popup menu and I want to click Inspect. Now, one part of this tool is actually seeing the CSS and HTL markup behind the page. So on this left panel, I have the HTML markup, and on this right side, I have the corresponding styles. So for instance, if I wanted to see this main container with a class of site header, I could go over here to the right in my CSS and see the styles for that. And here we've got the padding, we've got the background color, et cetera. Now here's the really fun part. The CSS on this is a…

Contents