Question: Hi, would you please help me with this exercise? Here's the instructions.. 1145 - Exercise 5 In this assignment you will create a web page
Hi, would you please help me with this exercise? Here's the instructions..

1145 - Exercise 5 In this assignment you will create a web page that simply displays a few of the new CSS properties you learned about in this unit. You will write the CSS rules in a separate file and then link that file to an HTML document that contains the HTML 5 template. 1. Create an external style sheet using a text editor of your choosing. In the CSS file add the following style rules: a. Create a class named yellow with the following style rules: a yellow background color, black text color, 10 pixels of padding on all sides, a 2 pixel wide, solid, black border, and a width of 500 pixels. b. Create an id named wrapper that is configured with a max-width of 500px and centered. c. Create a class named dotted with the following style rules: a dotted bottom border only that is 2 pixels wide and black, margin of 25 pixels on all sides, and a width of 500 pixels. d. Create a class named rounded that configures border radius values of your choosing. e. Create a class named shadow that configures a box shadow with values of your choosing. f. Create a class named seethrough with the following style rules: a background color of red, text color of white, 500 pixels of width, a 3 pixel wide, solid, gray border, 50 pixels of margin on the top only, and 50% opacity. 2. Save this style sheet as styles.css 3. Create a web page to display the CSS rules you just created using the HTML 5 template as a starting point. The web page should be linked to the styles.css style sheet. The web page needs the following content. a. A of id wrapper right under the tag that doesn't close until right before the body tag. b. A heading that reads Random CSS Rules on Display!, placed in an element with a class of dotted. c. Write a brief paragraph that explains the differences between the width, max-width, and min-width properties, and place this paragraph in a
element that has a classes of yellow and shadow. e. Write one last brief paragraph that explains what the opacity property is used for, and place this paragraph in a
element that has a class of seethrough. f. Somewhere in your code place an HTML comment with you name, assignment name, and date. 4. Save this web page as morecss.html
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
