O'Reilly logo

Hands-on Full Stack Development with Angular 5 and Firebase by Uttam Agarwal

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Exploring the styles panel

Once you have opened Chrome's developer tools, open the Elements tab and click on any HTML <div> tag; you should see a Styles panel appear on the right side. This panel consists of three tabs:

  • Styles: This shows all the styles applied to a particular HTML element:
  • Computed: This shows all the computed values applied to a particular HTML element; this also shows the box model, which contains content, padding, border, and margin information about the selected HTML element:
  • Event Listeners: This shows all the click ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required