Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-75
<< previous
|
next >>
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; }
Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-75
<< previous
|
next >>
