From the course: CSS for Developers
Join today to access over 24,800 courses taught by industry experts.
Using browser developer tools - CSS Tutorial
From the course: CSS for Developers
Using browser developer tools
- [Speaker] Every modern browser includes a powerful suite of developer tools that can help you make sense of what's happening on a page from the HTML structure, the CSS that's being applied, JavaScript is loaded and so, so much more. You'll find these tools incredibly helpful as you learn about CSS and how it relates to HTML. I use them daily in my work and encourage you to use developer tools liberally as well. I'm using Chrome. So those are the developer tools you'll see on screen throughout this course. Feel free to use whatever browser you're most comfortable in, as long as it's a modern browser, you'll have developer tools available to you. Just to give you a quick overview of how this works. Here, I've got a browser loaded with an example from this course. Now I'm going to use DevTools to take a look at the CSS and the HTML for this page. So from anywhere on this page, I can right click and say, Inspect. This opens up DevTools. You can dock these tools to the top, left, right…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.