Introduction to CSS: Master Web Page Styling with CSS Selectors, Properties, and Values

Question 1

What CSS property changes the background color of an element?

Accepted Answer

background-color

Answer

bgcolor

Answer

background

Answer

color

Question 2

Which CSS selector targets all elements with the class "myClass"?

Accepted Answer

.myClass

Answer

#myClass

Answer

myClass

Answer

div.myClass

Question 3

How can you add a comment to a CSS file?

Accepted Answer

/* comment */

Answer

// comment

Answer

Answer

# comment

Question 4

What does the "display" property in CSS control?

Accepted Answer

Hiding or showing elements

Answer

Element positioning

Answer

Background color

Answer

Text alignment

Question 5

Which of these is a CSS pseudo-class?

Accepted Answer

:hover

Answer

p

Answer

#header

Answer

body

Question 6

Describe the difference between "width" and "max-width" properties in CSS.

Accepted Answer

"width" sets the exact width while "max-width" sets the maximum width.

Answer

They both set the exact width.

Answer

They both set the maximum width.

Answer

There is no difference.

Question 7

What is the purpose of the "!important" declaration in CSS?

Accepted Answer

To override inherited styles

Answer

To set browser compatibility

Answer

To apply a specific property to all elements

Answer

To validate the stylesheet

Question 8

In CSS, which property controls the width of an element?

Accepted Answer

Width

Answer

Height

Answer

Margin

Answer

Padding

Question 9

Which CSS selector is used to select an element by its unique identifier?

Accepted Answer

ID selector (#id-name)

Answer

Universal selector (*)

Answer

Type selector (p)

Answer

Class selector (.class-name)

Question 10

In CSS, which property adjusts the vertical spacing between lines of text?

Accepted Answer

Line-height

Answer

Font-size

Answer

Letter-spacing

Answer

Margin

Question 11

To select all HTML elements with the class 'container', which CSS selector should be used?

Accepted Answer

.container

Answer

#container

Answer

^container

Answer

/container

Question 12

In CSS, which unit is used to define a width as a percentage of the parent element's width?

Accepted Answer

Vw

Answer

Vh

Answer

Px

Answer

Em

Question 13

Which CSS property is used to specify the background color of an element?

Accepted Answer

Background-color

Answer

Background-image

Answer

Background

Answer

Color

Question 14

What is the key difference between inline and external CSS?

Accepted Answer

Inline CSS is embedded within HTML tags, while external CSS is stored in a separate file

Answer

External CSS is embedded within HTML tags, while inline CSS is stored in a separate file

Answer

Both inline and external CSS are embedded within HTML tags

Answer

Both inline and external CSS are stored in separate files

Question 15

Which CSS property is used to create rounded corners on an element's border?

Accepted Answer

Border-radius

Answer

Border-style

Answer

Border-width

Answer

Border-color

Question 16

Which CSS property is used to control the thickness or boldness of text?

Accepted Answer

Font-weight

Answer

Font-size

Answer

Font-family

Answer

Font-style

Question 17

What is the primary benefit of using a CSS reset in a web development project?

Accepted Answer

To normalize browser-specific default styles and ensure consistent styling across different browsers

Answer

To define common styles for all elements on a page

Answer

To reset all browser settings to their original state

Answer

To improve website performance by reducing the number of CSS rules

Question 18

What is the primary reason for using media queries in CSS?

Accepted Answer

To apply different styles based on screen size

Answer

To improve the accessibility of a website

Answer

To enhance the performance of a website

Answer

To simplify the CSS code

Question 19

What is a potential disadvantage of using a CSS framework?

Accepted Answer

Dependency on external code

Answer

Improved code organization

Answer

Faster development

Question 20

Which CSS property is used to set the background color of an element?

Accepted Answer

background-color

Answer

background-position

Answer

background-image

Answer

background-repeat

Question 21

What is the purpose of the 'display' property in CSS?

Accepted Answer

To specify the layout behavior and visibility of an element.

Answer

To define the margins of the element.

Answer

To set the font of the element.

Answer

To control the color of the element.

Question 22

What is the key difference between 'block' and 'inline' display types in CSS?

Accepted Answer

Block elements occupy the full width available, while inline elements only take up the space needed for their content.

Answer

Block elements are positioned vertically, while inline elements are positioned horizontally.

Question 23

What is the primary purpose of the '!important' declaration in CSS?

Accepted Answer

To override any conflicting styles with a higher specificity.

Answer

To apply a style to all elements on the page.

Answer

To specify the default style for an element.

Answer

To prevent a style from being inherited.

Question 24

Which of the following is a recommended practice for writing efficient and maintainable CSS code?

Accepted Answer

Use concise selectors and avoid deep nesting of rules.

Answer

Repeat styles for different elements to improve specificity.

Answer

Use vendor prefixes for all properties.

Answer

Write all CSS in lowercase.

Question 25

What is the main distinction between a 'class' and an 'id' selector in CSS?

Accepted Answer

A class selector can be applied to multiple elements, while an id selector is unique to a single element on the page.

Answer

A class selector is used for styling, while an id selector is used for layout.