CSS SELECTORS
3 belangrijke vragen over CSS SELECTORS
Hoe kunnen de achtergrondkleur van de gehele webpagina veranderen in #C6E2FF?
body {
background-color: #c6e2ff;
}
Hoe geven we een element een class en hoe verwerken we dit in CSS? En wanneer zijn classes handig?
<div class="square"></div> <img class="square"/> <td class="square"></td>Classes are identified in CSS with a dot (.), like so:
.square { height: 100px; width: 100px; }Classes are useful when you have a bunch of elements that should all receive the same styling.
.square { height: 100px; width: 100px; }Classes are useful when you have a bunch of elements that should all receive the same styling.
Met welke begrippen wordt duidelijk gemaakt hoe elementen in relatie tot elkaar staan?
Parent elementen: div > h1 (div = parent)
Child elementen: div > h1 (h1 = child)
Sibling element: Bijvoorbeeld twee paragrafen welke beide child zijn van het BODY element:<BODY>
<P>..</P>
<P>..</P>
</BODY>
Ancestor element:
descendent element:
Child elementen: div > h1 (h1 = child)
Sibling element: Bijvoorbeeld twee paragrafen welke beide child zijn van het BODY element:<BODY>
<P>..</P>
<P>..</P>
</BODY>
Ancestor element:
descendent element:
De vragen op deze pagina komen uit de samenvatting van het volgende studiemateriaal:
- Een unieke studie- en oefentool
- Nooit meer iets twee keer studeren
- Haal de cijfers waar je op hoopt
- 100% zeker alles onthouden
Onthoud sneller, leer beter. Wetenschappelijk bewezen.
