From the course: HTML for Educators

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Drilling into CSS with web developer tools

Drilling into CSS with web developer tools - HTML Tutorial

From the course: HTML for Educators

Start my 1-month free trial Buy for my team

Drilling into CSS with web developer tools

“

- [Instructor] Now that you know what CSS is, let's look at a set of tools that can help you better understand what rules are being applied to elements on any webpage. And those are the developer tools. For this exercise, I'm going to be using Chrome, and I have a styled version of our unit02.html file open. On a Mac, if you go up to the view menu, near the bottom is a developer menu. And there are the developer tools. On Windows, you can right-click on a page and select inspect. The developer tools give you the ability to peek behind the curtain and inspect the html and CSS at work on any page. There is a whole lot to these tools. But, I want to show you just a couple of things related to CSS in here that can really help you both learn the basics of CSS, and target changes in your LMS. The developer tools open as a collection of panels, along with your current page. If you click on this menu icon, you can choose how you would like those panels to appear, whether it be docked to the…

Contents