<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Project CSS | Rob Vloemans</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/* --------------------------------------------------
BODY
-------------------------------------------------- */
body{
background-color: #333333;
}
/* --------------------------------------------------
H1
-------------------------------------------------- */
h1{
color: #FF9900;
text-align: left;
text-transform: uppercase;
font-family: verdana;
font-style: normal;
font-weight: normal;
font-size: 150%;
}
/* --------------------------------------------------
H2
-------------------------------------------------- */
h2{
color: #FF9900;
text-align: left;
text-transform: uppercase;
font-family: verdana;
font-style: normal;
font-weight: normal;
font-size: 100%;
}
/* --------------------------------------------------
H3
-------------------------------------------------- */
h3{
color: #999999;
text-align: left;
text-transform: uppercase;
font-family: verdana;
font-style: normal;
font-weight: normal;
font-size: 60%;
}
/* --------------------------------------------------
OL.DECIMAL
-------------------------------------------------- */
ol.decimal {
list-style-type: decimal;
color: #999999;
text-align: left;
font-family: verdana;
}
/* --------------------------------------------------
HR.1
-------------------------------------------------- */
hr.1{
height: 1;
border: dashed;
color: #999999;
}
/* --------------------------------------------------
P.NORMAAL
-------------------------------------------------- */
p.normaal{
color: #999999;
text-align: left;
font-family: verdana;
font-style: normal;
font-weight: normal;
font-size: 70%;
leftmargin {margin-left: 2cm};
{text-indent: 1cm};
}
/* --------------------------------------------------
THE END
-------------------------------------------------- */
</style>
</head>
<body>
<h1>Project CSS</h1>
<hr class="1">
<ol class="decimal">
<h3><li>wat?</li></h3>
<h3><li>waarom?</li></h3>
<h3><li>tijdlijn</li></h3>
</ol>
<br>
<ol class="decimal">
<h2><li>wat?</li></h2>
<ol class="decimal">
<p class="normaal">
Project CSS is een project van mij, Rob Vloemans. En is een project dat opgestart is met de bedoeling om meer en beter CSS te leren. Nu, wat is CSS vragen sommigen zich hier wel af? CSS staat namelijk voor <b>C</b>ascading <b>S</b>tyle <b>S</b>heets. Ook de term "Style Sheets" wordt wel gebruikt. Het betekent allemaal hetzelfde in ieder geval.
Ok, waarom zou je CSS nu gaan gebruiken? Nou, om een heleboel redenen.
Ik zal hier de belangrijkste noemen:
<li
>Met CSS kun je in hoge mate de weergave van je pagina bepalen en kun je effecten bereiken
die met HTML tags alleen niet mogelijk zijn
. Zo kun je bijvoorbeeld bepalen dat alle h3 tags
18 Points groot moet zijn in de kleur rood en met het lettertype Arial
. Het is dus veel flexibeler dan HTML wat de vormgeving betreft
.</li
> <li>CSS stelt je in staat om alle stijlelementen van een website in een document onder te brengen. Dat wil zeggen dat je maar een document hoeft te veranderen om alle pagina's van je site aan te passen. Wil je bijvoorbeeld de kleur van al je Headings veranderen of het lettertype dat je in je paragrafen gebruikt? Dan verander je het CSS document en alle pagina's nemen deze stijl dan over. Met HTML zou je al deze wijzigingen in alle pagina's moeten aanbrengen, wat veel meer werk is.</li>
<li>De pagina's van je site worden sneller doordat je veel minder code hoeft te gebruiken. Hierdoor wordt je site dus sneller om te laden.</li>
<li>CSS code is browser-vriendelijk. Het wordt ondersteund door browsers Internet Explorer 3 en hoger en Netscape 4 (gedeeltelijk) en hoger. Lagere browsers negeren CSS waardoor het daar niet voor problemen zorgt.</li>
</p>
</ol>
<h2><li>waarom?</li></h2>
<h2><li>tijdlijn</li></h2>
</ol>
</body>
</html>