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 - HTML Tutorial
From the course: HTML for Educators
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…
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.