Question: Hi, can I get some help? The external style sheet name pacific.css body{background-color: #FFFFFF; color: #666666; font-family: Verdana; } #header {background-color: #000033; color: #FFFFFF; font-family:
Hi, can I get some help?


The external style sheet name pacific.css
body{background-color: #FFFFFF; color: #666666; font-family: Verdana; }
#header {background-color: #000033; color: #FFFFFF; font-family: Georgia; }
h1{ line-height : 200%; }
#links, #first, #sec, #third, #fourth { display : inline; background_ color: #90C7E3; }
h2 { color: #3399CC; font-family: Georgia; }
#resort{ Color: #000033; Font-size: 1.2em; }
#Footer{font-style: italic; Font-size : 0.7em; }
ceu to configure style rules. Task 5: Configure the CSS. follows: 1. Modify the body element selector style rules. Configure background jpg as the back- Open pacific.css in in a text editor. Edit the style rules as ground image. 2. Modify the style rules for the wrapper id. Configure the background color to be # ff f f f f. Configure a minimum width of 700px (use min-width). Configure a maximum width of 1024px (use max-width). Use the box-shadow property to configure a drop-shadow effect. 3. Modify the style rules for the h1 element selector. Configure the sunset.jpg as a background image that displays on the right and does not repeat. Also configure 20 pixels of left padding. Configure a 72-pixel height (the same height as the background image). 4. Modify the style rules for the nav element selector. Configure 5 pixels of padding 5. Modify the style rules for the footer element selector. Configure 10 pixels of padding. 6. Add a new style rule for the h3 element selector to display #000033 text color. 7. Add a new style rule for the main element selector that configures 20 pixels of left and right padding. Also configure display: block; (this will prevent rendering issues in versions of Internet Explorer that do not support the HTML5 main element). Chapter 4 Visual Elements and Graphics 8. Add a new selector for an id named homehero. Code declarations to configure 300px eight and to display the coast jpg background image to fill the space (use background-size : 100% 100%;)without repeating. 9. Add a new selector for an id named yurthero. Code declarations to configure 300px height and to display the yurt.jpg background image to fill the space (use background-size: 100% 100%;) without repeating. 0. Add a new selector for an id named trailhero. Code declarations to configure 300px height and to display the trail.jpg background image to fill the space (use background-size: 100% 100%;)without repeating. 11. Code a new style rule to prevent the hyperlinks in the nav area from displaying the default underline. Use nav a f text-decoration: none;) 12. Have you noticed extra empty space between the logo header area and the navigation? Let's do something about that. We'll need to use the CSS margin property, which you'll explore in depth in Chapter 6. Modify the style rules for the hl selector to set the bot- tom margin to O with the following code: margin-bottom:0
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
