CTW 4-5 Styles
Review for Lessons 4-5 in Coding the Web; the practice quiz will grade itself, so feel free to take more than once. If information is not on your Notes sheet, it probably needs to be!
Sign in to Google to save your progress. Learn more
Name *
Email *
Quiz Questions
What selector should go in the blank to make the background of the webpage blue? (use lower case)   __________________ {background-color: blue; } *
1 point
Complete the code spacing once after colons or semi-colons to make a level 3 heading with white text:      h3 { ______________} (lower case) *
2 points
Complete the code by typing the proper selector that would make all level 1 and 2 headings have a background color of yellow (lower case and space once after punctuation)     __________{background-color: yellow;} *
1 point
All hexadecimal codes should begin with this character: *
1 point
Is this example of a style code appropriate for the CSS page or inline?    style="background-color: #FFF;" *
1 point
Which of the following would be an example of a PROPERTY? *
1 point
Which of the following would be an example of a SELECTOR in a CSS rule?       h1 {color:blue;} *
1 point
What punctuation mark separates CSS properties from values? *
1 point
Review for the next question-->
Using the image above, complete the code to make the selector use maroon font as shown:     footer { ______________}   (lower case, one space after punctuation) *
1 point
COMPLETE THE CODE to make the page background blue; use lower case and space once after punctuation.                body {______________} *
1 point
The ATTRIBUTE you add to a tag to create an inline style is like this:     <h1 ______="color:red;"> *
1 point
COMPLETE THE CODE (use lower case) to tab paragraphs 15 pixels:   (space once after punctuation or around braces) *
1 point
COMPLETE THE CODE (use lower case) to space h2 letters apart by 5 pixels:   (space once after punctuation or around braces) *
1 point
To apply line spacing to a paragraph, set this to 2 for double spaced: *
1 point
Which property would be set to uppercase to make all h2 selectors be CAPITAL LETTERS? *
1 point
COMPLETE THE CODE: (use lower case)  <p>This highlight coming up is actually <mark style="_____:pink;">pink</mark> instead of yellow! Whoa!</p> *
1 point
COMPLETE THE CODE to set the paragraph to be bold:   p { font-______: bold; } *
1 point
COMPLETE THE CODE by typing in the ATTRIBUTE you would add to the h1 tag to make the heading be styled for italics font. (no spaces or caps!) *
1 point
COMPLETE THE CODE by typing the ATTRIBUTE you would add to the body tag to make the entire page font be 20 point font (no spaces or caps!) *
1 point
COMPLETE THE CODE:   <h1 style="font-______: "Times New Roman", serif;"> *
1 point
COMPLETE THE CODE:   <h3 style="________: small-caps;"> *
1 point
COMPLETE THE CODE:  Assume you are trying to create a fat, blue, regular border for paragraphs.      p { border:  blue 8px  _______; } *
1 point
COMPLETE THE CODE:  Assume you are trying to center headings.      h1 { __________:  center; } *
1 point
COMPLETE THE CODE:  Assume you are trying to add a yellow drop shadow to headings.      h1 { __________:  5px 5px yellow; }
1 point
Submit
Clear form
Never submit passwords through Google Forms.
This form was created inside of Jackson R2 Schools. Report Abuse