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

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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!