Master CSS Selectors and Properties: Enhance Your Web Page Styling Skills

Question 1

To target all span elements that are direct children of paragraph elements, which CSS selector should you use?

Accepted Answer

p > span

Answer

span p

Answer

.span.paragraph

Question 2

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

Accepted Answer

.container

Answer

#container

Answer

container

Answer

*#container

Question 3

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

Accepted Answer

background-color

Answer

background

Answer

color-background

Answer

back-color

Question 4

Which CSS property determines the width of an HTML element?

Accepted Answer

width

Answer

size

Answer

length

Answer

w

Question 5

Which CSS property sets the size of the font in an HTML element?

Accepted Answer

font-size

Answer

font

Answer

size

Answer

f

Question 6

Which CSS property specifies the color of the text in an HTML element?

Accepted Answer

color

Answer

text-color

Answer

font-color

Answer

c

Question 7

Which CSS property defines the amount of space between the content and the border of an HTML element?

Accepted Answer

padding

Answer

space

Answer

inset

Answer

p

Question 8

In CSS, which property sets the background color of an HTML element?

Accepted Answer

background-color

Answer

color

Answer

background-image

Question 9

In CSS, which unit should you use to set the width of an HTML element to a specific number of pixels?

Accepted Answer

px

Answer

em

Answer

rem

Answer

%

Question 10

To select all elements with the class 'container' that are descendants of an HTML element with the id 'main', which CSS selector should be used?

Accepted Answer

#main .container

Answer

.container #main

Answer

#maincontainer

Answer

container .main

Question 11

Which CSS property ensures that fonts appear consistently across different web browsers?

Accepted Answer

font-family

Answer

font

Answer

font-size

Question 12

Which CSS selector targets all elements with the class 'container'?

Accepted Answer

.container

Answer

#container

Answer

div.container

Answer

[class='container']

Question 13

Which CSS property determines the size of the text?

Accepted Answer

font-size

Answer

font

Answer

size

Answer

text-size

Question 14

Which CSS selector targets all elements within the element with ID 'header'?

Accepted Answer

#header *

Answer

* #header

Answer

.header *

Answer

header *

Question 15

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

Accepted Answer

background-color

Answer

background

Answer

bg-color

Answer

color

Question 16

Which CSS property controls the space between characters within an element?

Accepted Answer

letter-spacing

Answer

text-spacing

Answer

word-spacing

Answer

character-spacing

Question 17

Which CSS selector targets all elements with the attribute 'data-role' set to 'navigation'?

Accepted Answer

[data-role='navigation']

Answer

navigation

Answer

[data-role=navigation]

Answer

*[data-role]

Question 18

Which CSS property controls the level of transparency of an element?

Accepted Answer

opacity

Answer

visible

Answer

alpha

Answer

transparency

Question 19

Which CSS property sets the thickness of an element's border?

Accepted Answer

border-width

Answer

border

Answer

width

Answer

border-size

Question 20

Which CSS selector targets all elements with the class name "example-class"?

Accepted Answer

.example-class

Answer

#example-class

Answer

example-class

Answer

*example-class

Question 21

Which CSS property defines the background color of an element?

Accepted Answer

background-color

Answer

bg-color

Answer

color

Answer

background

Question 22

Which CSS selector targets the first child element of a parent element with the ID "container"?

Accepted Answer

#container > :first-child

Answer

container:first-child

Answer

#container :nth-of-type(1)

Answer

#container > *

Question 23

Which CSS property specifies the width of an element?

Accepted Answer

width

Answer

w

Answer

length

Answer

size

Question 24

Which CSS selector targets all elements having an attribute named "data-role"?

Accepted Answer

[data-role]

Answer

data-role

Answer

:data-role

Answer

*[data-role]

Question 25

Which CSS property controls the horizontal alignment of text within an element?

Accepted Answer

text-align

Answer

align

Answer

justify

Question 26

Which CSS selector targets the immediate children of an element with the class name "parent-class"?

Accepted Answer

.parent-class > *

Answer

.parent-class child-class

Answer

.parent-class > .child-class

Answer

*.parent-class > *

Question 27

Which CSS property defines the size of the font used within an element?

Accepted Answer

font-size

Answer

font

Answer

text-size

Answer

size

Question 28

Which CSS selector targets all elements with a class name that begins with "button-"?

Accepted Answer

[class^="button-"]

Answer

[class*="button-"]

Answer

[class="button-"]

Answer

.button-

Question 29

Which CSS property controls the amount of space surrounding an element?

Accepted Answer

margin

Answer

border

Answer

padding

Answer

space