|
|
|
Tutorial pages:« 1 » |
|
wmikke
|
| Cascading Style Sheets voor beginners - Posted on: 04-10-2004 at 21:45 | |
 
|
Cascading Style Sheets is een opmaak taal, wat het meest gebruikt wordt om de opmaak van meerdere pagina's aan elkaar te koppelen. Hierdoor kun je de laadtijd van je pagina versnellen, en het maakt wijzigen van kleuren, scrollbars etc een stuk makkelijker.
Door een .css bestandje kun je al je pagina's de zelfde opmaak geven. CSS kan je aan je pagina's koppelen door de volgende code tussen je head tags te plaatsen.
1
2
|
<LINK REL="stylesheet" TYPE="text/css" HREF="bestandnaam.css">
|
|
|
Het .css bestand kun je beginnen met <STYLE> en eindigen met </STYLE> en daar tussen de styleregels, maar je kunt ook gewoon <STYLE> en </STYLE> weglaten en meteen met de styleregels beginnen.
Een styleregel bestaat uit twee delen, een selector en een tussen accolades geplaatste stijldeclaratie.
Voorbeeld.css
1
2
3
4
|
|
<STYLE>
selector { stijldeclaratie }n
</STYLE>
|
|
|
In een .css kan je bijvoorbeeld de scrollbars een kleurtje geven, het lijntje onder links weghalen.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
|
<STYLE>
body {scrollbar-arrow-color: #000000;
scrollbar-3dlight-color:n#0000FF;
scrollbar-highlight-color: #808080;
scrollbar-face-color:n#0000FF;
scrollbar-shadow-color: #0060f6;
scrollbar-darkshadow-color:n#0060f6;
scrollbar-track-color: #0060f6;}
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {text-decoration:none;}
A:hover {text-decoration:none;}
</STYLE>
|
|
|
|
|
|
|
|
