CSS betekent Cascading Style Sheets is een taal om stijl toe te voegen aan je site. U kunt met css meer bereiken dan met html u kunt namelijk meer aanpassen en zijn er extra opties. Verder zorgt CSS voor sneller laden van de site, door dat je minder codes gebruikt. Alle veel gebruikte browsers ondersteunen CSS.
Er zijn drie verschillende manieren om css in uw site te gebruiken.
-Inline Style Sheet.
-Embedded Style Sheet.
-External Style Sheet.
We beginnen met de eerste, namelijk Inline style sheet, deze wordt direct bij de html code geplaatst waar het bij hoort. Dus wil je tekst een kleur en achtergrond geven dan zet je dat bij de font tag.
| <table style="stylcode"><tr><td></td></tr></table> |
Een embedded style sheet zet je tussen de <head> en </head> tags en hier kan je standaarden neer zetten dus bijvoorbeeld alle tekst is groen en heeft een gele achtergrond en is dik afgedrukt. Ook kan je hier classes in zetten maar daarover vind je meer in de volgende lessen.
<html>
<head>
<title>een embedded style sheet</title>
<style type="text/css">
<!--
De Stylecodes.
//-->
</style>
<head>
<body>
</body>
</html> |
Nu gaan we door met de laatste manier om css te gebruiken namelijk een External Style Sheet. Een external style sheet staat in een .css bestand. Deze kan je opvragen tussen <head> en </head> tags. In het .css bestand hoef je alleen maar de css code te typen een voorbeeld van de inhoud zo'n bestand is dus:
body {background-color: #FFFFFF}
|
Om het bestand op te vragen gebruik je dit in je head.
| <link href="style.css" rel="stylesheet" type="text/css"> |
Ik persoonlijk vind External Style Sheets het makkelijkst, je kan namelijk al je CSS codes in 1 bestand zetten en deze in meerdere pagina's laten laden, wat een hoop tijd scheelt.
Als u iets niet snapt kunt u altijd even naar het forum gaan.
|
Login
Actieve topics