Long description

The first browser window labeled Chrome DevTools is placed at the top of the figure. The browser window is divided into four sections. The first section at the left shows an h t m l code. The second, third, and fourth sections are placed one below the other at the right side of the first section. The sections show the different styles applied on a webpage. The second section shows the author created style, which is placed in the lab04-ex03 dot c s s colon 7 file, and consists of the code for header 1 and header 2. The third section shows the browser style, which is categorized under the user agent stylesheet, and consists of the code for header 2. The fourth section shows the inherited style and consists of the code for the body of the webpage. The first line of the code is struck off that indicates the style has been overwritten by another. The second browser window labeled Firefox Inspector is placed at the bottom left of the first browser window. The browser window is divided into five sections. The first section covers the first half od the browser window horizontally. The section shows a webpage with a few headings and an image followed by a paragraph. The second section shows the code mentioned in the first section of the first browser window and is placed at the bottom left of the first section. The third section that shows the author-created style is placed at the right side of the second section, below the first section. The fourth section that shows the inherited style mentioned in the fourth section of the first browser window is placed below the third section. The fifth section shows the box model for the placement of the content in the webpage and is placed at the right side of the third and fourth sections. The box model consists of three rectangular boxes placed in a concentric manner. The outermost box is labeled margin. The box within the margin has a thick border. The innermost box is labeled 800 by 28. The space between the box within the margin and the innermost box is labeled padding.