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

Question 1

To style all elements with the class 'container', which CSS selector should you use?

Accepted Answer

.container

Answer

#container

Answer

container

Answer

*container*

Question 2

Which CSS selector is used to select all elements with the class 'container'?

Accepted Answer

.container

Answer

#container

Answer

container

Answer

div.container

Question 3

Which CSS property sets the background color of an element?

Accepted Answer

background-color

Answer

background

Answer

color

Answer

bg-color

Question 4

What is the function of the CSS 'display' property?

Accepted Answer

Controls the layout of an element

Answer

Sets the font family of an element

Answer

Specifies the background image of an element

Answer

Defines the margin of an element

Question 5

Which CSS property can make text bold?

Accepted Answer

font-weight

Answer

text-weight

Answer

weight

Answer

bold

Question 6

What is the purpose of the CSS 'position' property?

Accepted Answer

Specifies the position of an element relative to its container

Answer

Sets the size of an element

Answer

Controls the color of an element

Answer

Defines the padding of an element

Question 7

What is the key difference between a CSS class selector and an ID selector?

Accepted Answer

Class selectors can be used multiple times on an element, while ID selectors can only be used once.

Answer

ID selectors can be used multiple times on an element, while class selectors can only be used once.

Answer

There is no difference between class and ID selectors.

Answer

Class selectors are used to select specific elements, while ID selectors are used to select groups of elements.

Question 8

How do you correctly write a CSS property?

Accepted Answer

property-name: property-value;

Answer

property-name value;

Answer

property-name = property-value

Question 9

Which CSS class naming convention is widely recommended for its clarity and organization, making it easy to identify and understand the purpose of each class?

Accepted Answer

Using hyphenated names that describe the purpose of the class

Answer

Arbitrary names with no specific meaning

Answer

Using only lowercase letters and numbers

Answer

Using camelCase for class names

Question 10

Which CSS selector targets elements based on their attribute values?

Accepted Answer

Attribute Selector

Answer

Class Selector

Answer

ID Selector

Answer

Universal Selector

Question 11

Which CSS selector targets elements with a specific class attribute?

Accepted Answer

.class-name

Answer

#class-name

Answer

*class-name

Answer

&class-name

Question 12

What CSS property controls the background color of an element?

Accepted Answer

background-color

Answer

background

Answer

color-background

Answer

bg-color

Question 13

What CSS property controls the font size of text within an element?

Accepted Answer

font-size

Answer

size

Answer

font

Answer

text-size

Question 14

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

Accepted Answer

opacity

Answer

alpha

Answer

transparency

Answer

clear

Question 15

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

Accepted Answer

.container

Answer

#container

Answer

container

Answer

.#container

Question 16

Which CSS property defines the background color of an element?

Accepted Answer

background-color

Answer

background

Answer

color

Answer

background-image

Question 17

Which CSS selector selects the first child element of its parent?

Accepted Answer

:first-child

Answer

:last-child

Answer

:nth-child(1)

Answer

:only-child

Question 18

Which CSS property controls the size of text?

Accepted Answer

font-size

Answer

font-family

Answer

font-weight

Answer

font

Question 19

Which CSS selector targets the element with the id 'header'?

Accepted Answer

#header

Answer

.header

Answer

header

Answer

#.header

Question 20

Which CSS property defines the spacing between characters in text?

Accepted Answer

letter-spacing

Answer

text-spacing

Answer

character-spacing

Answer

spacing

Question 21

Which CSS selector targets all HTML elements that are links?

Accepted Answer

a

Answer

.a

Answer

#a

Answer

a:link

Question 22

Which CSS property defines the border of an element?

Accepted Answer

border

Answer

border-width

Answer

border-color

Answer

border-style

Question 23

Which CSS selector targets the last element in a list of elements?

Accepted Answer

:last-of-type

Answer

:first-of-type

Answer

:only-of-type

Answer

:nth-last-of-type(1)

Question 24

Which CSS property defines the transparency of an element?

Accepted Answer

opacity

Answer

transparency

Answer

alpha

Answer

visible

Question 25

In CSS, which syntax is correct for defining multiple properties efficiently in a single line of code?

Accepted Answer

property1: value1; property2: value2;

Answer

property1: value1, property2: value2;

Answer

property1 = value1; property2 = value2;

Answer

property1 value1; property2 value2;

Question 26

Which CSS selector is used to target all elements with a specific class attribute?

Accepted Answer

.class_name

Answer

#class_name

Answer

*class_name

Answer

[class_name]

Question 27

Which CSS property is used to control the font size of an element?

Accepted Answer

font-size

Answer

text-size

Answer

size-font

Answer

size-text

Question 28

Which universal selector is used to select all elements on a web page?

Accepted Answer

*

Answer

body

Answer

html

Answer

global

Question 29

What is the correct CSS syntax for setting the background color of an element?

Accepted Answer

background-color:blue;

Answer

color:blue;

Answer

bg-color:blue;

Answer

background:blue;

Question 30

Which CSS property controls the amount of space between lines of text?

Accepted Answer

line-height

Answer

line-spacing

Answer

text-spacing

Answer

text-height

Question 31

Which type of selector matches elements based on their position in the HTML document tree?

Accepted Answer

Child selector

Answer

Descendant selector

Answer

Adjacent sibling selector

Answer

Universal selector

Question 32

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

Accepted Answer

width

Answer

size-width

Answer

w

Answer

length

Question 33

What is the key difference between an ID selector and a class selector?

Accepted Answer

Class selectors can be applied to multiple elements, while ID selectors cannot.

Answer

ID selectors are more specific than class selectors.

Answer

ID selectors are used to select elements by their name, while class selectors are used to select elements by their type.

Answer

There is no difference between ID and class selectors.

Question 34

Which CSS property is used to control the level of transparency or visibility of an element?

Accepted Answer

opacity

Answer

transparency

Answer

alpha

Answer

see-through

Question 35

To target an element with a specific ID, which CSS selector should you use?

Accepted Answer

#id

Answer

.class

Answer

div

Answer

*

Question 36

To select all elements of a certain type, what type of selector should you use?

Accepted Answer

Universal selector

Answer

ID selector

Answer

Class selector

Answer

Child selector

Question 37

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

Accepted Answer

background-color

Answer

color

Answer

background

Answer

bgcolor

Question 38

Which property controls the amount of space between lines of text?

Accepted Answer

line-height

Answer

letter-spacing

Answer

word-spacing

Answer

text-spacing

Question 39

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

Accepted Answer

To set the visibility of an element

Answer

To set the position of an element

Answer

To set the font of an element

Answer

To set the color of an element

Question 40

Which selector targets elements that are the first child of their parent?

Accepted Answer

:first-child

Answer

:first

Answer

:child

Answer

:parent

Question 41

Which CSS selector targets all elements of a specific class?

Accepted Answer

.className

Answer

#className

Answer

*className

Answer

className

Question 42

Which of the following CSS properties is used to control the visibility and type of an element?

Accepted Answer

display

Answer

background-color

Answer

position

Answer

font-size

Question 43

What is the primary difference between an 'inline' and a 'block' element?

Accepted Answer

Inline elements flow with text, while block elements start on a new line

Answer

Inline elements can contain block elements, but not vice versa

Answer

Block elements can contain inline elements, but not vice versa

Answer

Block elements are always visible, while inline elements can be hidden

Question 44

Which pseudo-class can be used to target elements when the mouse hovers over them?

Accepted Answer

:hover

Answer

:active

Answer

:focus

Answer

:visited

Question 45

What is the primary purpose of using a CSS reset?

Accepted Answer

To override default browser styles and ensure consistency across browsers

Answer

To optimize the loading speed of a web page

Answer

To prevent conflicts between third-party CSS libraries

Answer

To improve the accessibility of a web page

Question 46

Which CSS property can be used to create rounded corners for an element?

Accepted Answer

border-radius

Answer

border-style

Answer

border-width

Answer

border-color

Question 47

What is one of the main advantages of using a CSS framework?

Accepted Answer

Providing pre-defined styles and components to speed up development

Answer

Ensuring cross-browser compatibility

Answer

Improving the performance of a web page

Answer

Making it easier to write custom CSS

Question 48

Which CSS selector selects elements with the 'header' class?

Accepted Answer

.header

Answer

#header

Answer

header-class

Answer

header

Question 49

Which CSS property sets the background color of an element?

Accepted Answer

background-color

Answer

background

Answer

color

Question 50

Which CSS property sets the font size of an element?

Accepted Answer

font-size

Answer

fontsize

Answer

font-style

Answer

font

Question 51

Which CSS selector selects all elements with the 'button' tag?

Accepted Answer

button

Answer

.button

Answer

#button

Answer

button-tag

Question 52

Which CSS property sets the padding around an element?

Accepted Answer

padding

Answer

space

Answer

inset

Answer

margin

Question 53

Which CSS selector selects all elements that are descendants of the 'main' element?

Accepted Answer

main *

Answer

* main

Answer

main > *

Question 54

Which CSS property sets the border style of an element?

Accepted Answer

border-style

Answer

style

Answer

border-type

Answer

border

Question 55

Which CSS selector selects all elements with a specific 'id' attribute value?

Accepted Answer

#id-value

Answer

id-value

Answer

.id-value

Answer

:id-value

Question 56

Which CSS property sets the transparency of an element?

Accepted Answer

opacity

Answer

alpha

Answer

fade

Answer

transparent