CSS Tests

Note: This page looks really horrible in IE because i do not include "alternate" within the rel attributes of the <link> tags for the stylesheets. So IE applies every stylesheet to the page at once, making a big mess.

This is my CSS test page. One of the really cool features of CSS is that different styles can be dynamically applied, re-applied, and removed from a document. HTML allows you to define many alternative stylesheets for a document, and many web browsers will let you switch between those alternative stylesheets at will.* This allows me to make just one web page with all the elements and tag strutures that I want to style, which I can link to all the different stylesheets. So I don't have to re-create test pages for every style I create.

* In Firefox, for example, go View -> Page Style -> [style name]

Quotes

Imagination is more important than knowledge. For knowledge is limited to all we now know and understand, while imagination embraces the entire world, and all there ever will be to know and understand. -Albert Einstein

"Did everything just taste purple for a second?" -Philip J. Fry (from Futurama)
"The most important thing any teacher has to learn, not to be learned in any school of education I ever heard of, can be expressed in seven words: Learning is not the product of teaching. Learning is the product of the activity of learners." -John Holt
Children's cookbooks are great places for the lazy chef to find recipes. -Andy Looney

Test

Test...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam a ipsum a urna laoreet scelerisque. Vivamus pellentesque metus ut neque. Proin vel orci at est vestibulum elementum. Suspendisse fringilla adipiscing lectus. Aliquam lectus. Aliquam tortor pede, faucibus non, lobortis sed, suscipit luctus, purus. Proin fermentum gravida diam. Donec eu felis non odio bibendum fringilla. Curabitur blandit, neque nec consequat accumsan, elit odio tempus risus, id adipiscing erat nulla ut purus. Quisque quam. Sed semper ipsum at diam. Donec tempus augue eget ipsum. In non velit at lorem lacinia facilisis.

Ut condimentum sodales urna. In tristique. Praesent justo orci, tempor vel, fermentum et, faucibus id, dolor. Sed lacus. Donec eleifend. Sed justo turpis, interdum non, vehicula quis, pellentesque ut, tortor. Duis pulvinar. Quisque sem. Pellentesque ut metus cursus nibh vulputate bibendum. Maecenas bibendum felis in felis. Aliquam tempor. Pellentesque egestas, ante quis condimentum consectetuer, turpis felis vulputate ipsum, sed porta nisi orci vitae ipsum. Nullam consequat aliquam ipsum. Pellentesque eget eros sit amet neque dapibus tincidunt. Curabitur arcu ligula, fermentum eget, lacinia in, fringilla ut, velit. Fusce condimentum sem nec quam. Quisque enim nulla, vulputate ut, auctor quis, auctor eget, arcu. Quisque ultrices consequat velit.

Heading Test

third-level heading

Test the Fourth

I doubt I will ever use h5
Mine goes up to six

Heading Test #2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent justo tellus, scelerisque volutpat, lacinia quis, malesuada in, arcu. Curabitur semper dapibus mi. In hac habitasse platea dictumst. Etiam dignissim est vitae arcu. Aenean erat. Nam vestibulum aliquam tellus. Aliquam arcu leo, euismod nec, bibendum ac, nonummy nec, tortor. Etiam justo lacus, porttitor fringilla, pretium volutpat, blandit faucibus, ipsum. In quam elit, eleifend vel, cursus ut, nonummy ut, enim. Maecenas a tortor.

2.1

Duis eget risus eu lorem rutrum suscipit. Donec semper, nunc vel iaculis imperdiet, eros nibh ultrices lacus, ac commodo lorem elit et ligula. Pellentesque tellus lacus, ullamcorper et, pellentesque vitae, fringilla ut, magna. Sed metus tortor, tincidunt pulvinar, mattis non, nonummy vitae, turpis. Suspendisse hendrerit arcu nec ante. Phasellus arcu elit, convallis nec, tincidunt sodales, pulvinar ut, tellus. Maecenas mi sem, convallis ut, sodales nec, pulvinar eget, risus. Proin nonummy fringilla magna. Donec erat. Nulla pede. Mauris diam lacus, dictum ut, pulvinar sed, semper sed, pede.

2.1.1

Curabitur placerat facilisis magna. Phasellus tempor. Sed sodales sem ac nisi condimentum vestibulum. Suspendisse potenti. Ut purus ante, pulvinar ac, laoreet venenatis, rhoncus sit amet, urna. Nulla a massa non nulla dignissim blandit. Donec rutrum est quis magna. In ultrices massa. Duis odio. Aenean sollicitudin, felis a fermentum rutrum, erat nisl vestibulum diam, vel cursus urna libero vitae quam. Mauris justo nibh, porttitor pellentesque, blandit at, pulvinar ac, velit.

2.1.2

In et lectus ut lacus vestibulum elementum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur nisl lorem, malesuada non, congue sed, mattis sit amet, dui. Curabitur scelerisque orci ut urna. Curabitur ullamcorper ultrices nunc. Pellentesque augue pede, viverra placerat, convallis ut, nonummy ut, sapien. Donec eleifend. Nulla arcu magna, tincidunt sed, placerat pretium, suscipit in, nisi. Pellentesque tristique mauris sit amet leo. Curabitur orci. Phasellus odio ipsum, semper bibendum, vulputate vitae, rutrum eget, dui. Curabitur vehicula gravida dolor.

2.2

2.2.1

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas nonummy est. Mauris interdum. Vestibulum ut mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer nonummy volutpat arcu. Sed pellentesque lacinia lacus. Cras tincidunt. Donec orci mauris, malesuada sed, tempus eget, rutrum vitae, purus. Fusce velit. Fusce facilisis elit eget dui hendrerit sollicitudin. Morbi a lorem. Aliquam felis dui, commodo sit amet, porttitor ac, varius eu, ipsum. Sed nec dui a metus sagittis convallis. In pede.

Heading test #3 consists of a very long heading, which will surely cause the browser to wrap the contents over multiple (minimum 2) lines.

Tables, lists and etc,. Oh my!

Version-exclusive pokémon in Diamond and Pearl
Diamond Pearl

Seel, Dewgong

Spheal, Sealeo, Walrein

Murkrow, Honchkrow

Misdreavus, Muumaaji

Cranidos, Rampardos

Sheildon, Bastiodon

Stunky, Stunktank

Glameow, Purugly

Dialga

Palkia

  1. Filler
  2. Filler
    1. Filler
    2. Filler
    3. Filler
    1. Filler
    2. Filler
    3. Filler
  3. Filler
    1. Filler
      1. Filler
        1. Filler
          1. Filler
  4. Filler
  5. Filler
  6. Filler
  7. Filler
  1. Another list
  2. Filler