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 ...