From the course: HTML for Educators

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

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

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