Hoofdstuk 3
Inleiding
Selector – declaratie
Een selector bepaalt het/de HTML element(en) waarop de declaratie (stijlregel) wordt toegepast.
Een declaratie bestaat uit een eigenschap:waarde;
Externe en interne CSS
External style sheets: regels in extern bestand
Internal styles:
Header styles: regels in head van HTML-document.
Inline styles: elke HTML-tag heeft een attribuut style.
Types style sheets
Browser style sheet: zorgt voor de weergave in de browser als er geen enkele ander stylesheet is
gedefinieerd
Author style sheet: zelfgemaakte stylesheets
User style sheets: eigen stylesheets omwille van user accessibility
CSS selectors
Universal selector
Regels zijn van toepassing op elk element.
1
, Jakob Lierman Webapplicaties I
Type selector – element selectors
Ze hebben dezelfde naam als het element waarop ze van toepassing zijn.
Zijn van toepassing telkens dit element voorkomt.
Class selectors: pinpoint control
Laten toe om verschillende elementen dezelfde opmaak te geven. Deze elementen hebben allen
dezelfde value voor het class-attribuut. Een element mag meerdere classes hebben, gescheiden door
een spatie.
Naam begint met . gevolgd door de waarde.
ID selectors: specific page elements
Worden gebruikt om een uniek deel van de pagina te identificeren.
Worden in de stylesheet voorafgegaan door een #.
Group selectors
Worden gebruikt om verschillende elementen dezelfde opmaak te geven.
De elementen worden in de selector gescheiden van elkaar met behulp van een komma.
Descendant selector
Selecteert alle elementen die afstammen van een element (hoeft niet rechtstreeks child te zijn).
Vb.: selecteert alle anchors die afstammen van een paragraaf.
Child selector
Selecteert alle kinderen van een element.
Vb.: selecteert alle anchors die kinderen zijn van een list-item.
Pseudo-class selectors
Selecteert elementen op basis van de toestand van het element (in plaats van op basis van hun
positie in de HTML-pagina)
2
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller jakoblierman. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $3.19. You're not tied to anything after your purchase.