Les 2: vormgeving van de HTML met CSS

- 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
   }