Hands On Practice 4.2 Exercise

Click Here to View Exercise


Chapter 4

Visual Elements and Graphics

Hands On Practice 4.2 P.125

In this exercise I learned about configuring borders in CSS. I also learned that each browser has its own unique way of rendering out the result. The book suggests to design for the browser that you think your audience will mostly use. The book talks about border properties and padding properties. A border property configures the border, or boundary around an element. A padding property configures the empty space between the content of the element. In most cases this is usually the text and border. The default setting for padding is 0.

For this exercise all I did was modify the CSS code for the h1 selector, h2 selector, and footer id.

For h1 I replaced the line-height style tag with a padding one.

padding: 15px;

For h2 I configured the look of the border by adding this code.

border-bottom: 2px dashed #191970;

For the footer id I configured the border and padding by using this code.

border-top: thin solid #aeaed4;
padding-top: 10px;