Question

Let's say you have this in your code. Which of the following are true? (select only correct answers)

Note: See FONT-SIZE info (Links to an external site.) re: font EM values

h1,
	h2 {
	margin-top: 33px;
	font-family: Lobster;
	text-align: center;
	color: #333333;
	font-size: 1.3em;
	letter-spacing: .3em
	}

Group of answer choices

a. MARGIN-TOP: 33px; creates the same result as MARGIN: 33px 0 0 0;

b. This defines a CSS "descendant selector" rule

c. #333333 is a hex COLOR value that sets the background color for page heading tags

d. FONT-SIZE: 1.3em creates a larger font than the default size

Answer 1

Here the first option 'a' is the only correct option.

margin-top: 33px; is specifically for the top margin only. margin: 33px 0 0 0; is margin shorthand property. That means we can set margin in one line. The order of the sides to set margin is -> margin: top right bottom left;

If we see second option, it says This defines a CSS "descendant selector" rule, but this is not the example of descendant selsctor because there is a comma between h1 and h2. The descendant selector is used when we want to apply css on a specific tag which is nested with other tags. h1 and h2 tags never be nested with each other.

If we consider 3rd option, the #333333 is indeed a hex color value, but color: #333333; does not sets color to the background for page heading tags. It sets the color to the text itself.

For option d. The font-size: 1.3em does not creates a larger font than the default size of h1 and h2 it creates smaller font size. But if used in other tags(for example <p>) then it creates larger size than default.