## XHTML: a simple example with CSS

- No CSS: simple.html
- With CSS:
  - simple-style.html
  - simple-style.css

<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition.dtd"> <html> <head> <title> My Schools </title> <!-- this is the reference to the CSS --> <link rel="stylesheet" href="simple-style.css" type="text/css"/> </head> <body> ... </body> </html>

And here is the stylesheet (simple-style.css):

body { margin-left: 10%; margin-top: 1em; margin-right: 10%; background: #ff9; } h1 { font-family: Arial, sans-serif; color: #600; border-bottom: thin dotted black; } ul { list-style-type: none; } li { margin-top: 1em; font-size: 1.25em; } img { border: thin solid black; } a { text-decoration: none; } a:link, a:visited { color: blue; } a:hover { color: white; text-decoration: underline; background: blue; }