- maak een nieuw bestand, noem het stijl.css
- maak in de head van de html-pagina een link naar deze css als volgt:

<link href="foto.css" rel="stylesheet" type="text/css" />

- knip-en-plak deze in alle andere html-pagina's

In de css kun je nu de vormgeving bepalen van de gehele site (dus van alle pagina's tegelijk). Zonder stijl werkt de site inhoudelijk ook.

body {
	margin-right: 20%;
	margin-left: 150px; 		/*marge mag met procenten of pixels*/
	font-size:0.85em; 			/*fontsize mag ALLEEN in em of procent, om te kunnen resizen in Win IE*/
	font-family:"Trebuchet MS", Arial, Helvetica; /*let op de aanhalingstekens*/
	line-height:1.6; 			/*bij voorkeur ZONDER maatsoort oftwel multiple*/
	color: #999; 				/*hexadecimaal, met een hekje ervoor, in 3 of 6 getallen die staan voor R, G en B*/
	background: black; 			/*kleur mag ook met woorden*/
}

h1 {
	text-transform:uppercase;
	letter-spacing:4px;
	border-bottom:1px solid red; /*hier afgekort, het kan ook met 3 aparte eigenschappen*/
	font-size:2em; 
}

a:link, a:visited {
	color:red;
	text-decoration:none;
}
a:hover {
	color:white;
	text-decoration:underline;
	}

#menu {
	left: 0px;
	top: 80px;
	position:absolute;
	width: 150px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;}

#menu li {
	margin-left:20px;
	}

img {
	border:10px solid white
	}