CSS Debugging

Debugging CSS

Debugging CSS in Browser

We have learned how to learn style our web pages using various style properties.

Now, what if I have done some mistake in my styling code. How to debug my CSS code?

Well, we can debug our code using developer tools.

Let us discuss about developer tools.

The Developer Tools feature is available in all the browsers.

Developer Tools feature enables you to review the browser's internal representation of a webpage.

We can use the Developer Tools for a variety of tasks

• Viewing individual attributes,

• Determining how a particular CSS rule is applied to an individual element.

• By exposing how the browser interprets a webpage, the Developer Tools provide many opportunities to research and resolve problems.