IndexFAQRegistrerenInloggen

Deel | 
 

 Het toepassen van CSS

Ga naar beneden 
AuteurBericht
JornHermans

avatar


BerichtOnderwerp: Het toepassen van CSS   vr apr 10, 2009 9:24 pm

Het toepassen van CSS


Er zijn drie manieren om CSS op HTML toe te passen.

In-line

In-line stijlen worden neergegooid rechtstreeks in de markeringen van HTML gebruikend de stijlattributen.

Zij kijken iets in die aard:


Citaat :
<p style= " kleurt: rode " >text</p>

Dit zal dat specifieke paragraafrood maken.

Maar als u zich herinnert, is de optimale benadering dat HTML een stand-alone, presentatie vrij document zou moeten zijn, en de zo in-line stijlen waar mogelijk zouden moeten worden vermeden.
Intern

De ingebedde, of interne stijlen worden gebruikt voor de gehele pagina. Binnen de hoofdmarkeringen, omringen de stijlmarkeringen alle stijlen voor de pagina.

Dit zou iets in die aard kijken:

Citaat :

<! DOCTYPE HTMLPUBLIEK „- //W3C//DTD XHTML 1.0 Strict//EN“
„http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
<html>
<head>
<title>CSS Example</title>
<style type= " tekst/css " >
p {
kleur: rood;
}

a {
kleur: blauw;
}
</style>

Dit zal alle paragrafen in het paginarood en alle verbindingenblauw maken.

Zo ook aan de in-line stijlen, zou u HTML - en de CSS dossiers afzonderlijk moeten houden, en zodat worden wij verlaten met onze redder…
Extern

De externe stijlen worden gebruikt voor het geheel, veelvoudig-paginawebsite. Er is een afzonderlijk CSS dossier, dat eenvoudig iets als zal kijken:


Citaat :
p {
kleur: rood;
}

a {
kleur: blauw;
}

Als dit dossier als „web.css“ toen wordt opgeslagen kan het met in HTML als dit worden verbonden:


<! DOCTYPE HTMLPUBLIEK „- //W3C//DTD XHTML 1.0 Strict//EN“
„http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
<html>
<head>
<title>CSS Example</title>
<link rel= " stylesheet " type= " tekst/css " href= " web.css "/>


In het CSS Geavanceerde Leerprogramma, zullen wij zien dat er andere manieren zijn om externe stijlbladen met elkaar te verbinden, maar dit zal voor nu voldoende zijn.

Om de meesten van deze gids te krijgen, zou het een goed idee zijn om de code uit te proberen aangezien wij gaan, zodat begint een vers nieuw dossier met uw tekst-redacteur en bewaart het lege document als „web.css“ in de zelfde folder zoals uw HTML- dossier.

Verander nu uw HTML- dossier zodat het iets in die aard begint:


Citaat :
<! DOCTYPE HTMLPUBLIEK „- //W3C//DTD XHTML 1.0 Strict//EN“
„http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >

<html>

<head>
<title>My eerste Web page</title>
<link rel= " stylesheet " type= " tekst/css " href= " web.css "/>
</head>

Sparen het HTML- dossier. Dit verbindt nu met het CSS dossier, dat, zo zal veranderen geen ding op het ogenblik leeg is. Aangezien u uw manier door het CSS Leerprogramma van de Beginner werkt, zult u toevoegen aan en het CSS dossier kunnen veranderen en de resultaten zien door het browser venster eenvoudig te verfrissen dat het HTML- dossier daarin heeft, aangezien wij voordien deden.

Terug naar boven Ga naar beneden
 
Het toepassen van CSS
Terug naar boven 
Pagina 1 van 1

Permissies van dit forum:Je mag geen reacties plaatsen in dit subforum
ACB-Team :: Handleidingen :: Guides :: HTML en FLASH :: CSS Beginner Tutorial-
Ga naar:  
Gratis forum maken bij Actieforum | © phpBB | Ondersteuningsforum | Contact | Meld misbruik | Je eigen blog beginnen