HTML and CSS - Practice #1

Hyperlinks: New, Clicked on Before

• a:link

  a:visited

• a:hover

  a:active

• a:link

  a:hover

• a:visited

  a:hover

A CSS style that is used ONE TIME (unique name)

• class

• id

• pseudo-class

• element

A CSS style that can be used many times for the same category (or specific html tag)

• class

• id

• pseudo-class

• element

<h2 style="color:orange; font-size:18pt;} Hi There! </h2>

What type of CSS is this?

• inline

• embedded

• external

• linked

<style>

p {font-family: arial;}

</style>

What type of CSS is this?

• inline

• embedded

• external

• linked

1- <h2> <strong>My Puppy!</strong></h2>

2 - <h2><strong>My Puppy!</h2></strong>

Which syntax is correct?

• 1

• 2

External style sheet declares h2 elements to be BLUE and ARIAL font

Embedded style sheet declares h2 elements to be RED and CENTERED

Inline style sheet declare that the one h2 is GREEN and Bold

How does the one h2 render (appear)?

• blue, Arial, centered

• Red, Arial, bold

• Green, Bold, Arial, Centered

• Green, Bold

Why would you use the syntax

<!--links without underlines--> or /*link without underlines*/

• tell the site visitors the links won't be underlined

• leave a placeholder on the page when the links don't appear

• this pops out when the site visitors hover over the link

• comment tag for other Web coders (html and css versions)

Table elements (cells, rows, entire table) - the width can be....

• centimeters or inches only

• exact measurement (i.e. 200px)

  or

  relative measurement (i.e. 50%)

• a percentage of the screen width only

• em measurements (width of a letter "m")

CSS: how to indicate:

background color

text color

• background-color:

  color:

• background-color:

  font-color:

• bgcolor:

  font-color:

• bgcolor:

  color: