Cascading Style Sheets

Week 3

This sentence wishes it was the same as the rest of the page, but this phrase is GREEN.

I'll try Brown with a Lavendar Background color Ugh!

red heading6

underlined heading5

underlined text

LOTS OF FUN
LOTS OF FUN

WELL NOT EXACTLY
WELL NOT EXACTLY

• apples are red and taste delicious, they come in many colors, brands, flavors (maybe not flavors) but it's allowing me to get more text on this page

• oranges are orange. Or so I've heard.

• bananas

• Ordinary grapes, when properly prepared and microwaved, spark impressively in an extremely entertaining manner.

• Check Back Next Week for the latest breaking news on Da Grapes

•  This is going to be a List, with Images

•  I Hope!

•  Grrrrr :)

QuizWeek 3

1.  What is the difference between the div and span tags?

Heck if I know! Can we do lunch tomorrow and discuss this? <div> is a block level element used to define the style (or alignment) of a division or section of your page. The span tag set is basically the same idea, but it's an inline (or text level) element: you use it to apply style to a smaller section of your page such as one sentence, one phrase, one word, or even one letter at a time. While the div tag set forces a line break before and after it's opening and closing tags, the span tag set does not.

2.  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?

Like This!

The code is <span class="note">L</span>ike This

(in my style sheet) .note {color: #420471; font-weight: bold; font-size: 20pt; }

3.  What is the flag character for the ID selector?

The pound sign or the number 3 character on your keyboard (#) But it has several names, some confusing. The most common is probably `hash'. In the US it is sometimes called the `pound sign' and used as a symbol for pounds weight, but this confuses the British, for whom a pound sign is £. In music, of course, it is a `sharp'. The picturesque name `octothorpe' has also been introduced: it is said to have been invented by an employee of Bell Laboratories in the 1960s, in honour of the American athlete Jim Thorpe, why? I am not exactly sure. In the large form in which it appears on modern telephones it is sometimes called `square'. Way too much information surely!

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

False A combined selector will only work in elements that contain both the right type and the right class.

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

False It can also be used in classes.

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

False 

One word!

One Whole sentence!

The span tag is used to apply style to a smaller section of your page such as one sentence, one phrase, one word, or even one letter.