Chapter 8 Discussion

Chapter 8 Discussion

Lesson 1

What do you recall?

Open Ended

Why would you need to put quotes around a font name?

Multiple Select

What is the difference between serif and sans-serif fonts?

• Serif fonts are fancy with extra decorative "feet". Sans serif are plain without the extras

• Sans Serif fonts are fancy with extra decorative "feet". Serif are plain without the extras

• Serif fonts are best used for larger headlines

• Sans Serif fonts are best used for paragraph font

Draw

Write the syntax to set the bottom padding for paragraphs to 5px

Open Ended

What is the purpose of margins and padding

Multiple Select

What are three ways you can style your selectors?

• By class...add a . before the selector

  .main{

• By ID...add a # before the selector

  #edges{

• By group..add commas between each element

  h1, h2, h3 {

Chapter 8 Lesson 1

Participation and correctness are graded

Open Ended

Why would you want to change the default style for a hyperlink on your web page? 

Multiple Select

What are the different "states" for a link on your page?

• link

• hover

• visited

• active

• inactive

Multiple Choice

How can you apply different styles for each link state?

• use css like "a:visited"

• html

• charset

Lesson 2

What do you recall?

Multiple Select

What is the difference between serif and sans-serif fonts?

• Serif fonts are fancy with extra decorative "feet". Sans serif are plain without the extras

• Sans Serif fonts are fancy with extra decorative "feet". Serif are plain without the extras

• Serif fonts are best used for larger headlines

• Sans Serif fonts are best used for paragraph font

Multiple Select

What are the different "states" for a link on your page?

• link

• hover

• visited

• active

• inactive

Lesson 2

Open Ended

What is a background image? How are they used on a web page?

Multiple Select

What elements can handle a background image?

• A background image can be set for any HTML element with the background-color property

• A background image can be set for any HTML element with the color-image property

• A background image can be set for any HTML element with the background-image property

Multiple Choice

How would you set a background image for an element using the "url" value?

• background-picture: url(path);

• background-id: url(path);

• background-image: url(path);

Open Ended

What is the background-repeat property? What does the "repeat-x" value do? What does the "repeat-y" value do?

Open Ended

How is the background-position property used? What type of values can you give this property?

Lesson 3

What do you recall?

Open Ended

What is the background-repeat property? What does the "repeat-x" value do? What does the "repeat-y" value do?

Multiple Select

What elements can handle a background image?

• A background image can be set for any HTML element with the background-color property

• A background image can be set for any HTML element with the color-image property

• A background image can be set for any HTML element with the background-image property

Lesson 3

Open Ended

How would you create a border around all sides of an element that is solid, red and 5px thick?

Multiple Select

What shorthand property can you use to set multiple styles at the same time?

• layers

• margins

• border