CSS Questions and Answers
An em represents which of the following? - answer The size of the base font in use.
The code below will display images in which of the following ways?
.container { width: 50%; height: 200px; overflow: hidden;} .container img { max-width:
100%; height: auto; display: block;} - answer Images will shrink to the full width of
their container, scale proportionally, and display partially if the image dimensions
exceed container dimensions.
What are the maximum dimensions of a div with the following properties?
div.container { min-height: 150px; max-height: 600px; min-width: 300px; max-width:
900px;} - answer 600 pixels tall and 900 pixels wide.
What is needed to change the default font size of the root element? - answer A CSS
rule that targets the font-size of the <html> element.
The following code will size all h1 elements in "splash-section" to how many pixels?
html { font-size: 12px;} .splash-section { font-size: 16px;} .splash-section h1 { font-size:
1.5em;} - answer 24 pixels
Which of the following property/value pairs will ensure that the background image of the
div in the code below will scale proportionally while filling the entire div?
div { background-image: url('#'); background-repeat: no-repeat; background-position:
center; /* ? */} - answer background-size: cover;
The following code will set the text of a paragraph inside a .splash-section element to
how many pixels?
html { font-size: 16px;} .splash-section { font-size: 18px;} .splash-section p { font-size:
1.5rem;} - answer 24 pixels
Assume the default font size of a browser is 12 pixels. The following code will size the
paragraph's text to how many pixels?
p { font-size: 1.5em;} - answer 18 pixels
Which of the following is the root element that rems size relative to? - answer <html>
When percentages are used to size padding and width, dimensions are set relative to
which of the following? - answer The width of the parent element.
When percentages are used to size height and width, dimensions are set relative to
which of the following? - answer The parent of a child element.
An em represents which of the following? - answer The size of the base font in use.
The code below will display images in which of the following ways?
.container { width: 50%; height: 200px; overflow: hidden;} .container img { max-width:
100%; height: auto; display: block;} - answer Images will shrink to the full width of
their container, scale proportionally, and display partially if the image dimensions
exceed container dimensions.
What are the maximum dimensions of a div with the following properties?
div.container { min-height: 150px; max-height: 600px; min-width: 300px; max-width:
900px;} - answer 600 pixels tall and 900 pixels wide.
What is needed to change the default font size of the root element? - answer A CSS
rule that targets the font-size of the <html> element.
The following code will size all h1 elements in "splash-section" to how many pixels?
html { font-size: 12px;} .splash-section { font-size: 16px;} .splash-section h1 { font-size:
1.5em;} - answer 24 pixels
Which of the following property/value pairs will ensure that the background image of the
div in the code below will scale proportionally while filling the entire div?
div { background-image: url('#'); background-repeat: no-repeat; background-position:
center; /* ? */} - answer background-size: cover;
The following code will set the text of a paragraph inside a .splash-section element to
how many pixels?
html { font-size: 16px;} .splash-section { font-size: 18px;} .splash-section p { font-size:
1.5rem;} - answer 24 pixels
Assume the default font size of a browser is 12 pixels. The following code will size the
paragraph's text to how many pixels?
p { font-size: 1.5em;} - answer 18 pixels
Which of the following is the root element that rems size relative to? - answer <html>
When percentages are used to size padding and width, dimensions are set relative to
which of the following? - answer The width of the parent element.
When percentages are used to size height and width, dimensions are set relative to
which of the following? - answer The parent of a child element.
