In dit topic ga ik voor de "beginnelingen" uitleggen hoe je start met CSS.
CSS?
CSS staat voor Cascading Style Sheets.
Het definiërt hoe (x)HTML elementen worden weergegeven.
Hoe CSS gebruiken?
Je kan een StyleSheet aan een (x)HTML document hangen door de:Externe StyleSheet
- CSS te gebruiken in een externe stylesheet.
- CSS tussen de <head> tag te zetten.
- CSS inline te zetten, in het (x)HTML element.
Indien je (x)HTML wil linken aan een externe stylesheet moet je deze code in de <head> tag zetten:
Code:<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
Dit is de beste en meest gebruikte manier. En dit zal ook zo gebruikt worden in dit topic.
In <head> tag
Indien je CSS wil gebruiken in je (x)HTML document dan kan je een style blok zetten in de <head> tag:
Inline in (x)HTML elementCode:<head> <style type="text/css"> body {background-color: #FFFFFF;} </style> </head>
Indien je CSS wil gebruiken in je (x)HTML document dan kan je ook dit inline doen:
CSS SyntaxCode:<p style="color: #00000; margin: 10px;"> tekst tekst tekst </p>
De CSS syntax bestaat uit 3 elementen:
BV:Code:selector { property: value; }
Class selectorCode:body { background-color: #FFFFFF; }
Je hebt bijvoorbeeld onderstaande code in je (x)HTML document:
In je CSS kan je deze classe als het volgt aanspreken:Code:<div class="content"> tekst tekst </div>
Je kan dit ook zo doen:Code:.content { color: #000000; text-align: left; }
Met de class selector kan je verschillende stijlen toepassen op dezelfde type's (x)HTMLCode:div.content { color: #000000; text-align: left; }
ID selector
Je hebt bijvoorbeeld onderstaande code in je (x)HTML document:
In je CSS kan je deze ID als het volgt aanspreken:Code:<p id="regel1"> tekst tekst </p>
Je kan dit ook zo doen:Code:#regel1 { font-weight: bold; }
Met de ID selector kan je verschillende stijlen toepassen op verschillende type's (x)HTML.Code:p#regel1 { font-weight: bold; }
Je kan wel geen 2 keer dezelfde ID's gebruiken in je (x)HTML pagina!!
Commentaartekst
Indien je commentaar wenst toe te voegen aan je CSS bestand dan gebruik je volgende regel code:
CSS propertiesCode:/* Hiertussen je commentaartekst */
Alle CSS properties kan je hier terugvinden.
Vragen/Opmerkingen?
Indien er vragen zijn of opmerkingen open dan gerust een topic!
- Hoe begin ik aan CSS?
-
10-02-2006, 17:33 #1
- Berichten
- 315
- Lid sinds
- 18 Jaar
Hoe begin ik aan CSS?
Laatst aangepast door Bram Lodens : 14-02-2006 om 15:35
-
In de schijnwerper
Actie! €35 Blogplaatsing op Sanitopper.nl 1500-2000 bezoekers p/m DR38, PA38 en DA58LinkpartnersHandmatige SEO + linkbuilding voor slechts 150 euro per maand!Freelance / WerkDomeinnaam te koop: BatterijVoorBedrijven.nl - Jouw kans op een sterke online aanweziDomein te koopAffilaxy is hét adult affiliate programma van dit moment!Promotie
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic