Question
Can anyone see a mistake in my code? I can't see why this isn't working. Here's the assignment: Playbill Appearance Go to the Section Styles
Can anyone see a mistake in my code? I can't see why this isn't working.
Here's the assignment:
Playbill Appearance
Go to the Section Styles section of the style sheet. In this section, youll define the appearance of the four playbills. Youll start with the h1 headings from the sections. Create a style rule for the section.playbill h1 selector that sets the font size to 3em and the font weight to normal. Set the margin space around the h1 headings to 0 pixels. Set the padding space to 20 pixels on top, 0 pixels on the right, 10 pixels on the bottom, and 20 pixels on the left.
Playbill Background
Each playbill section is identified by a different ID value ranging from play1 to play4. Create style rules that set a different background color for each playbill using the following background colors:
-
ID: play1 set to hsl(240, 100%, 88%)
-
ID: play2 set to hsl(25, 88%, 73%)
-
ID: play3 set to hsl(0, 100%, 75%)
-
ID: play4 set to hsl(296, 86%, 86%)
Each playbill section heading will also have a different font. For the h1 headings within the four different playbills, create style rules to apply the following font stacks:
-
ID: play1 set to Champagne, cursive
-
ID: play2 set to Grunge, Times New Roman, Times, serif
-
ID: play3 set to Impact, Charcoal, sans-serif
-
ID: play4 set to Dobkin, cursive
71 76 78 se 81 83 68 } 69 /* Section Styles */ 70 section.playbill h1 { font-size: 3em; 72 font-weight: normal; 73 margin: @px; 74 padding-top: 20px; 75 padding-right: @px; padding-bottom: 10px; 77 padding-left: 20px; 3 79 section#play1 { background-color: Ohsl(240, 100%, 88%); 3 82 section#play1 h1 { font-family: Champagne, cursive; 84 } 85 section#play2 { 86 background-color: Ohsl(25, 88%, 73%); } 88 section#play2 h1 { 89 font-family: Grunge, "Times New Roman', Times, serif; } 91 section#play3 { background-color: Ihsi(e, 100%, 75%); } 94 section#play3 h1{ 95 font-family: Impact, Charcoal,sans-serif; 96 } 97 section#play4 { background-color: Ohsl(296, 86%, 86%); } 100 section#play4 h1{ 101 font-family: Dobkin, cursive; } 87 90 92 93 98 99 102 103
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started