CSS3
Which CSS3 property is used to center text? (Provide on the property, not the value!)
text-align
Which property can remove the underline from links? (Only provide the property name; do not give it a value.)
text-decoration
Sometimes elements overlap one another. Which property specifies the stacking order of the elements? (A high value means it is more likely to be place in front of another.) ONLY PROVIDE THE PROPERTY, NOT A VALUE.
z-index
How much vertical space ("height") will this div use? div{ height:50px; padding: 5px 10px; margin: 5px; border: 2px; }
74
How much horizontal space ("width") will this div use? div{ width:50px; padding: 10px; margin: 5px; border: 2px; }
84
Assume that this code is linked together correctly. p{ color: red; padding:10px 5px; background: black; } .fancy{ font-family: cursive; background: red; color: green; } .plain{ font-family: Times, serif; color: black; } <p>Hi</p> What color font is used to display "Hi"? A. red B. green C. black D. browser default
A
Assume the following rule is the only one that styles the body element: body{ font-family: Cursive, Helvetica, Verdana; } What happens if the browser doesn't support any of these font families? A. The text will be displayed in the default browser font-family B. The text will not be displayed C. The text will be displayed in Cursive
A
Padding is... A. The space between an element and its border B. The space between two elements C. The space reserved for an element
A
The default display value for <a> element is: A. inline B. inline-block C. block D. none
A
This is probably a typo, why? .body{ margin: 10px; } A. The period in front of the word body means the browser will look for a class called body, not the element. B. The period in front of the word body means the browser will look for an id called body, not the element.
A
Using the code below, will the body of the page have the background-color defined in the file style.css or the background color define in the <style> tag? <head> <meta charset = "UTF-8"> <title>Test code</title> <link rel "stylesheet" href = "style.css"> <style> body{ background-color: #44CCDD; } </style> </head> A. <style> B. style.css
A
What is wrong with the following rule? body{ color: #000000; background-color:#FFFFFF; font-family: Times, Arial, Cursive; } A. This is a valid rule B. You can't specify three options for font-family C. You can't specify three styles in a single rule
A
If you want your navigation bar to remain visible, even when the user scrolls downward, you should use which type of positioning? A. relative B. fixed C. absolute D. static
B
The # symbol specifies that the selector is a/an A. tag B. id C. first D. class
B
The link to the external style sheet should be in the: A. <header> B. <head> C. <div> D. <footer>
B
What is the correct HTML for referring to an external style sheet? A. <link rel="css" href="mystyle.css"> B. <link rel="stylesheet" href="mystyle.css"> C. <link rel="stylesheet" src="mystyle.css"> D. <style src="mystyle.css"></style>
B
What is wrong with this code? div{ position: relative; left: 10px; } A. The code works, but the left property is not necessary since static elements don't allow offsets B. There is nothing wrong with this code C. "relative" is not a valid option for positon
B
Which of the following is not an option for specifying a color in CSS3? A. hexadecimal B. binary C. rgba D. color name E. rgb
B
Which of the following would be used to create class called button which has a width of 750px, a height of 30px and the color of the text is black? A. #button { height: 30px; width: 750px; text: black; } B. .button { height: 30px; width: 750px; color: black; } C. #button { height: 30px; width: 750px; color: black; } D. .button { height: 30px; width: 750px; text: black; }
B
If your body tag uses the style attribute style="text-align:center", you can overwrite that property by using the CSS3 rule. ( T/F ) body{ text-align: left; }
F
Inline elements take up the full width of the browser, even if the content is smaller than the browser size. ( T/ F)
F
Internal styling (rules specified in the <head> section) override rules specified with the style attribute in a tag. ( T/F )
F
How much width will this div occupy? div{ width:100px; padding: 10px; margin: 5px; border: 2px; }
134
How do you display hyperlinks without an underline? A. a {text-decoration:no-underline;} B. a {underline:none;} C. a { text-decoration:none; } D. a {decoration:no-underline;}
C
The default display value for <span> is: A. inline-block B. none C. inline D. block
C
Which CSS property controls the text size? A. text-size B. text-style C. font-size D. font-height
C
Which snippet of CSS is commonly used to center an element horizontally? A. site-align: center; B. margin: auto 0; C. margin: 0 auto; D. margin: center;
C
In the following code snippet, what value is given for the left margin? margin: 5px 10px 3px 8px; A. 5px B. 10px C. 3px D. 8px
D
The default value for the position property is: A. absolute B. relative C. fixed D. static
D
A block element takes up the full width of it's parent, even if the content is smaller than the parent. So two block elements at the same will not be side-by-side. ( T/F )
T
The margin is the space between elements. (T/F)
T
