CSS

Question 1

What are the three parts of a CSS rule?

Answer 1

Selector, Declaration Block, Declaration

Question 2

What is a CSS Declaration?

Answer 2

A CSS property followed by a colon (:) and the property value.

Question 3

What is a CSS Selector?

Answer 3

The HTML elements to which the specific style rule applies.

Question 4

What is a CSS Declaration Block?

Answer 4

One or more declarations separated by semicolons (;).

Question 5

Is it a good practice to place each declaration on a separate line and to add a semicolon to the end of each declaration block?

Answer 5

True

Question 6

What are the valid ways CSS can be implemented?

Answer 6

Embedded, External, Inline

Question 7

Does an inline style use a selector?

Answer 7

False

Question 8

Does an inline style use curly braces {}?

Answer 8

False

Question 9

Should a website use an external stylesheet for styles that apply to all web pages?

Answer 9

True

Question 10

Can inline styles be used with embedded and external stylesheets?

Answer 10

True

Question 11

Do CSS style declarations override the default browser style declarations?

Answer 11

True

Question 12

What is CSS inheritance?

Answer 12

When style declarations from a parent element cascade down and are applied to any child elements.

Question 13

Can the !important rule be used to override other declarations and disregard specificity?

Answer 13

True

Question 14

What are the valid CSS selector types?

Answer 14

Class, Descendant, Element, ID, Pseudo-Class

Question 15

Are class names in HTML separated by commas?

Answer 15

False, they are separated by spaces.

Question 16

What are some valid pseudo-class selectors?

Answer 16

:empty, :enabled, :hover, :lang(language)

Question 17

Do pseudo-class selectors match elements based on user behavior or meta-information about HTML elements?

Answer 17

True

Question 18

What are the different types of CSS selectors and their functions?

Answer 18

Element Selector: Selects HTML elements by name.

Class Selector: Uses . to select elements with a class.

Descendant Selector: Selects elements inside another element.

ID Selector: Uses # to select elements by ID.

Pseudo-Class Selector: Uses : to apply styles based on a state.

Question 19

What is the universal selector in CSS?

Answer 19

*

Question 20

What is the term for combining multiple selectors?

Answer 20

Multiple Selector

Question 21

What is the child selector symbol in CSS?

Answer 21

>

Question 22

What is the general sibling selector symbol in CSS?

Answer 22

~

Question 23

What is the adjacent sibling selector symbol in CSS?

Answer 23

+

Question 24

What are the different CSS combinators?

Answer 24

Adjacent Sibling, Child, Descendant, General Sibling

Question 25

How is an attribute selector specified?

Answer 25

With an attribute name and optional value comparison enclosed in square brackets ([ ]).

Question 26

Does the pseudo-element selector (::) match parts of elements?

Answer 26

True

Question 27

What does the CSS color property control?

Answer 27

Text color

Question 28

What are valid ways to specify color in CSS?

Answer 28

Hexadecimal Color, HSL Color Value, RGB Color Value, RGBA Color Value

Question 29

What are the valid values for the float property?

Answer 29

Left, None, Right

Question 30

Do float and clear properties control how text flows around elements, similar to magazine layouts?

Answer 30

True

Question 31

Does the inline-block property display content as a block element but format it as an inline element?

Answer 31

True

Question 32

Are CSS variables defined with //?

Answer 32

False, they are defined with --.

Question 33

Where are CSS variables declared for global scope?

Answer 33

:root

Question 34

What is the syntax to declare a CSS variable?

Answer 34

--section-color: black;

Question 35

How do you use a CSS variable?

Answer 35

color: var(--section-color);

Question 36

What are the absolute length units in CSS?

Answer 36

cm, in, mm, pc, pt, px

Question 37

What are the components of the CSS box model?

Answer 37

Border, Content, Margin, Padding

Question 38

What is the abbreviation for pixels in CSS?

Answer 38

px