Browser developers tools are very useful for developers to debug, test and check web pages. Inspecting elements is one of the most powerful and useful tools in browsers.
In this article, we’ll introduce some great articles that will help you learn about the Chrome developer tools. Other browsers also have developer tools that offer similar features.
Discover DevTools
This is a free video series from Code School which explains almost all the developer tools with practical examples. The first video is about inspecting elements.
Check out this page to watch the videos.
Inspect Element: How to Temporarily Edit Any Webpage
This is a very well written tutorial about inspecting elements which explains the different use of developer tools. Reading this article is recommended.
Chrome DevTools
This is the official documentation for the Chrome developer tools. You can find detailed tutorials in the official documentation.