CSS Recap

What does CSS stand for?

• Cascading Style Sheets

• Creative Style System

• Computer Style Sheets

• Common Style Syntax

Answer explanation

CSS stands for Cascading Style Sheets, which is a stylesheet language used to describe the presentation of a document written in HTML or XML. The other options do not accurately represent what CSS stands for.

Which property is used to change the background color?

• bgColor

• background-color

• color

• background

Answer explanation

The correct property to change the background color in CSS is 'background-color'. 'bgColor' is outdated, 'color' changes text color, and 'background' is a shorthand that can include more than just color.

How do you apply a class to an element in CSS?

• .classname

• #classname

• <classname>

• classname

Answer explanation

.classname is the correct way to apply a class to an element in CSS. The dot (.) indicates that you are selecting a class. The other options, such as #classname (for IDs) and (not valid), are incorrect.

What is the default value of the position property?

• fixed

• relative

• absolute

• static

Answer explanation

The default value of the position property in CSS is 'static'. This means that elements are positioned according to the normal flow of the document, without any special positioning applied.

Which CSS property controls the text size?

• font-style

• font-size

• text-style

• text-size

Answer explanation

The correct property to control text size in CSS is 'font-size'. This property allows you to set the size of the text, while 'font-style' affects the style (like italic), and 'text-style' and 'text-size' are not valid CSS properties.

How do you select an element with the ID "header"?

• #header

• .header

• header#

• header

Answer explanation

To select an element with the ID 'header', you use the syntax '#header'. The '#' symbol indicates that you are targeting an ID, making this the correct choice. The other options do not correctly reference an ID.

Which property is used to align text to the center?

• align

• text-align

• vertical-align

• justify

Answer explanation

The correct property to align text to the center is 'text-align'. This CSS property specifically controls the horizontal alignment of text within an element, allowing for options like left, right, center, and justify.

What does the z-index property control?

• Layering of elements

• Transparency

• Size of elements

• Text direction

Answer explanation

The z-index property controls the layering of elements on a webpage. It determines the stack order of overlapping elements, with higher values appearing in front of lower values.

How do you make text bold in CSS?

• text-weight

• font-weight

• font-style

• text-style

Answer explanation

To make text bold in CSS, you use the property 'font-weight'. This property allows you to specify the weight of the font, with values like 'bold' or numeric values to achieve the desired boldness.

How do you add a comment in CSS?

• // comment

• <!-- comment -->

• /* comment */

• # comment

Answer explanation

In CSS, comments are added using the syntax /* comment */. This allows you to include notes or explanations in your code without affecting its execution. The other options are not valid for CSS comments.