Je eigen styles maken

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:40.903Reacties: 21(Bekijken)
  Log in om zelf te reageren
 Waardering:9.3/10 (4 stemmen)

Uitgebreide cursus CSS» Inleiding: wat is CSS? | Linked stylesheets | Embedded stylesheets | Inline stylesheets | Je eigen styles maken | Meer over styles | Tekst en CSS | Achtergronden met CSS




Het kan allemaal nog beter: je eigen styles maken. Ook dat is met CSS mogelijk. Dus niet alleen de bestaande styles p, table, td enzovoorts, maar bijvoorbeeld mijnstijl. Wil je bijvoorbeeld een stuk tekst in het rood, de linkermarge op 15 pixels en onderstreept, dan kan dat zonder telkens de style op te geven. Je maakt gewoon in je linked of je embedded stylesheet de style aan, en wel zo:

#Code
1
2
3
4
5
.mijnstijl{
color: red;
margin-left: 15px;
text-decoration: none
}

Zo, de style is nu bekend in de stylesheet. Nu moeten we hem alleen nog koppelen aan een bepaalde alinea, of een <div>, of wat jij wilt. Willen we de vier alinea's uit de vorige les in mijnstijl hebben, dan doe je dat zo:

#Code
1
2
3
4
5
6
<div class="mijnstijl">
<p>Alinea 1</p>
<p>Alinea 2</p>
<p>Alinea 3</p>
<p>Alinea 4</p>
</div>

We doen het dus met het attribuut class. Let erop dat we in de stylesheet een punt voor de style neerzetten, maar bij de class doe je dat niet!

«Inline stylesheets Meer over styles »

21 reacties
Robin18 Geplaatst op 22-09-2008 om 16:38
 

Regular
ghehe mss domme vraag maar wat doet DIV eigenlijk =D
Peck Geplaatst op 18-06-2007 om 18:01
 

Moderator
De decoratie van de text, underline=een lijntje onder de text, overline=een lijntje boven de text... Lijkt me vrij logisch, niet?
maarte Geplaatst op 18-06-2007 om 15:47
 

Regular
wat is text-decoration
ThePlague Geplaatst op 24-04-2007 om 22:01
 

Regular
eige schuld dikke buld? :p
mrjah echt goeje site mar CSS vinnek nu ok wel heel gemakkelijk
sjoenk Geplaatst op 04-02-2007 om 21:51
 

Regular
ok, sorry, ben er al uit... : )
btw: complimenten aan de makers van deze site, fantastisch!
m'n vriendin heeft me een paar dagen geleden voor de computer gesleurd: "en nou ga je leren hoe je een website maakt zodat je er een voor mij kunt maken" ('onder de sloef' noemen ze dat zeker?) ze is die avond alleen naar bed gegaan ;)

Pagina 1 2 3 4 5 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder