CSS Listy

Multiple Choice

Which of the following is NOT a part of the CSS box model?

• Margin

• Border

• Padding

• Font

Open Ended

How can CSS be used to customize the appearance and behavior of HTML lists?

Multiple Choice

Which CSS property is used to change the appearance of list markers or numbers in a list?

• list-style-type

• list-marker

• marker-style

• list-type

Multiple Select

Which of the following are valid values for the CSS property list-style-type?

• circle

• lower-alpha

• decimal

• none

Open Ended

Explain how you can use an image as a list marker in CSS. What property do you use and how do you specify the image?

Open Ended

Describe a scenario where you would use a custom image as a list marker instead of the default marker types in CSS. What advantages does this provide?

Multiple Choice

What is the effect of using list-style-position: inside; in a CSS list?

• The marker is placed inside the content flow of the list item.

• The marker is removed from the list.

• The marker is placed outside the content flow of the list item.

• The marker changes color.

Fill in the Blanks

The CSS property used to set the position of a list marker relative to the text is

.

Multiple Choice

Which CSS property allows you to define multiple list attributes such as list-style-type, list-style-image, and list-style-position at once?

• list-style

• list-attributes

• list-type

• list-settings

Open Ended

After learning about CSS lists and overflow, what is one thing you would like to explore further or still have questions about?

Multiple Choice

What are some ways CSS can be used to customize the appearance of HTML lists?

• By changing the type of list marker, defining a custom marker, and setting the position and distance of the marker from the text.

• By changing the font color only.

• By adding images to the background only.

• By making the list items bold only.

Open Ended

Explain how CSS can bring text to life beyond just choosing a font.