| CSSCSS staat voor Cascading Style Sheets, deze stijlen definieren hoe HTML elementen weer gegeven moeten worden.
|
Stijlen worden normaal opgeslagen in Style Sheets, externe Style Sheets kunnen je heel wat werk besparen, externe Style Sheets worden opgeslagen in CSS files.
Meerdere stijl definities zullen samen gevoegd worden (cascade) tot één.
Om je verder te verdiepen in css moet je al wel een basis kennis hebben van
HTML en/of XHTML .
Probleem oplossing
HTML tags zijn gemaakt om inhoud van een document de definiëren. Ze moesten zeggen "Dit is een kop", "Dit is een paragraaf", "Dit is een tabel", door gebruikt te maken van tags zoals: <h1>, <p>, <table>, en zo verder. De lay-out van het document zou verzorgd moeten worden door de browser, zonder het gebruik van opmaak tags.
Terwijl de twee belangrijkste browsers - Netscape en Internet Explorer - doorgingen met nieuwe
HTML tags en attributen (zoals de <font> tag en het color attribuut) aan het originele
HTML toe te voegen, werd het steeds moeilijker om websites te onwikkelen waar de inhoud van
HTML documenten duidelijk gescheiden was van de presentatie lay-out van die documenten.
Om dit probleem op te lossen, heeft het World Wide Web Consortium (W3C) , verantwoordelijk voor standaardisatie van
HTML, STYLES toegevoegd aan
HTML 4.0.
Alle grotere browsers ondersteunen Cascading Style Sheets.
Style Sheets Kunnen je Heel Wat Werk Besparen!
Styles sheets definiëren HOE
HTML elementen moeten worden weergegeven, zoals de font tag en het color attribuut in
HTML 3.2. Styles worden normaal opgeslagen in een extern .css bestand. Externe style sheets stellen je in staat om het uiterlijk van de pagina´s van je website te veranderen, door slechts één CSS bestand te wijzigen!
CSS is een doorbraak in Webdesign omdat het ontwikkelaars in staat stelt, de style en layout van meerdere web pagina´s, tegelijk te beheren.
Meerdere stijl definities worden samengevoegd tot één
Met style sheets kan stijl informatie op meerdere manieren worden gespecificeerd. Stijlen kunnen binnen een enkel
HTML element worden gespecificeerd, binnen het <head> element van een
HTML pagina, of in een extern CSS bestand. Zelfs meerdere externe style sheets kunnen gebruikt worden binnen een enkel
HTML document.
Volgorde in stylesheets
Welke stijl wordt gebruikt als er meerdere stijlen gespecificeerd zijn voor een
HTML element?
Normaal gesproken zullen meerdere stijlen een nieuwe stijl vormen met de volgende regels, waar nummer 4 de hoogste prioriteit heeft:
1. Browser default
2. Externe style sheet
3. Interne style sheet (binnen de <head> tag)
4. Inline style (binnen een
HTML element)
Dus, een inline style (binnen een
HTML element) heeft de hoogste prioriteit, wat betekend dat deze, een style gedeclareerd in de <head> tag overtreft.
