CSS Week 3

Using the Div and Span Tags

Quiz for Week 3

What is the difference between div and span tags?

The div tag is a block level element used to define the style (or alignment) of a division or section of the page. The div tag forces a line break before and after it's opening and closing tags.

The span tag is an inline element used to apply style to a smaller section of a page such as a sentence, phrase, word, or letter. The span tag does not force a line break before and after it's opening and closing tags.

Show an example of a class selector. How would the rule appear in your style document and how would you use it in your HTML code?

The class code I used in my style sheet was: .word {color : #cc6699; font-weight : bold;}. What I put in my document was:<span class="word"> first word here</span>

What is the flag character for the ID selector?

The character for the ID selector is the "#" sign.

True or False: A combined selector will work in any element. Your reason?

False. The element has to be the right type AND the right class before it will be displayed.

True or False: Line height properties can only be used with inline style.

False, you can also use classes for these.

True or False: The span tag is used to create style for a whole section of your page? Explain

False, the span tag is an inline element used to apply style to a smaller section of a page such as a sentence, phrase, word, or letter.

This is the end of the quiz.

More Work in Lesson 3

Here is an example of combining selector types.

Here is an example of double spacing using classes. On my linked style sheet I used .double and then used class in the p tag of my document page. You don't really need to know all this, but I have to make sure the lines are double spaced!

This looked like fun so I tried it.
This looked like fun so I tried it.

Work with lists and list-style properties: My Favorite Fruit
  • Watermelon
  • Bananas
  • Orange Juice - Not technically a fruit, but since I have to make the text go to 2 lines, I have to go on and on about it.
  • Apples

Click here to send me an email.

Valid HTML 4.01!

Valid CSS!