Iscenes multimedia
Trainingscentrum voor jong en oud en voor beginners en gevorderden.
| CSS Implementeren | | Afdrukken | |
| Geschreven door Rinie Hooijer |
| woensdag, 31 december 1997 05:00 |
|
Om een style sheet te kunnen gebruiken moet die op één of andere manier worden verbonden met het HTML-document. Hiervoor zijn vier mogelijkheden, te weten external style sheet, embedded style sheet, inline style sheet en imported style sheet. Om een style sheet te kunnen gebruiken moet die op één of andere manier worden verbonden met het HTML-document. Hiervoor zijn vier mogelijkheden, te weten external style sheet, embedded style sheet, inline style sheet en imported style sheet. External style sheet: Een bestand dat geheel los staat van het HTML-document. In dit bestand staat alle door u gewenste CSS-code. Het bestand slaat u op met de extensie .CSS, bijvoorbeeld STYLE1.CSS. Om de style sheet te kunnen gebruiken moet u in ieder HTML-document een verwijzing opnemen naar dit bestand. U doet dit als volgt: De rules in de style sheet worden geschreven als HTML-commentaar, zodat oudere browsers hiervan geen problemen ondervinden. Inline style sheet: Een bepaalde style die gekoppeld is aan één enkel HTML-element. In dat geval wordt de style genoteerd in de start-tag van het HTML-element. Vijfentwintig procent inspringenEr zijn twee belangrijke reden waarom u deze mogelijkheid beter niet kan aanleren. De eerste reden is dat u later veel tijd kwijt bent aan het aanpassen van de HTML-pagina's. U moet immers alle code nalopen en veranderen. Als u alle code in één document heeft staan kunt u dit document voor meerdere HTML-pagina's gebruiken en dat spaart tijd. De tweede reden is dat u de inhoud niet losmaakt van de grafische presentatie en daar was CSS nu net voor bedoeld. Imported style sheet: Zoals al eerder aangegeven is het mogelijk om verschillende style sheets met elkaar te combineren. Het voordeel hiervan is dat iedere afdeling kan werken aan zijn eigen project. Aan het eind worden alle style sheets verzameld en geïntegreerd in één bepalende style sheet, waarnaar wordt verwezen in de HTML-pagina's. Om andere style sheets te kunnen importeren wordt gebruikt gemaakt van de notatie @import binnen de style-tags. U kunt eindeloos door importeren, want VERKOOP.CSS kan ook weer gebruikmaken van geïmporteerde style sheets. Bij het importeren geldt wel één zeer belangrijke regel. Bij conflicten gaat de style sheet die eerder in de rij staat voor. |
| Laatst aangepast op dinsdag, 01 september 2009 13:17 |