Enterprise Software

Hands-on with the Google Chrome Development Tools

Selecting any tag under the elements panel will take you to its associated styles, metrics, and properties, included but not limited to tags such as <p>, <div>, and classes as well. One nice way to look under the hood is to select a class or id anchor attribute; for example, in the Google Code website, I selected the <div id="gc-topnav"> and in Elements panel view, I can see what the Matched CSS Rules that define the attribute are. As displayed here, we can determine that font-size is 1em, margin equals zero, padding is .1em, 0, and so on.

About Ryan Boudreaux

Ryan has performed in a broad range of technology support roles for electric-generation utilities, including nuclear power plants, and for the telecommunications industry. He has worked in web development for the restaurant industry and the Federal g...