课程: Mastering Web Developer Interview Code

免费学习该课程!

今天就开通帐号,24,700 门业界名师课程任您挑!

How do you debug CSS using your browser?

How do you debug CSS using your browser?

- [Instructor] In a previous interview with John Ravello, we learn that one of the important skills developers need is the ability to debug other code. In this episode, we're going to take a look at some of my favorite ways to debug CSS with the Chrome Developer Tools. Now, although we're using Chrome right here, all browsers have their own set of developer tools, which are fairly comparable with what I'm going to be showing you in Google Chrome. Now, regardless of the tool you're using, it's critical to be comfortable with the developer tools that you know. Developer tools are pretty deep. So I'm just going to focus in CSS, in this episode, and the following things. First, I'm going to talk about navigating the DOM, or the structure of your page, so that you can target a specific element. In the Chrome browser, you do that through the Elements tab. Now second, we're going to take a look at the two main places where…

内容