In dit hoofdstuk maken we het stijlblad in principe af. Het betreft nog wat kleinere puntjes die weinig nieuws toevoegen.
Zie ook het stuk 'Overwegingen bij het aanbrengen van margin en padding, oplossing 3' in het vorige hoodstuk.
Verder zorgt border-bottom (regel 99) voor een streep onder(Ik moet bekennen dat ik niet inzie waarom de afstand tussen de kop en de tekst eronder bij een ondermarge van 0px nog zo groot is.)
Het betreft de afbeeldingen in de aside op de home page. Als je zo'n afbeelding aanklikt ga je naar de pagina waar de afbeelding heen verwijst.
De opmaak in regel 133 zorgt voor een gele outline (rand) om de afbeelding.Voor het waarom van het gebruik van outline in plaats van border, zie de naslag outline.
Wil je het verschil tussen border en outline in de praktijk zien? Doe dan het volgende:
Dat is geregeld in de html (zie "hoofdstuk 8)
De opmaak wordt geregeld in 3 onderdelen:Voor text-align zie de naslag.
Voor text-decoration zie de naslag.
In dit hoofdstuk is de opmaak besproken van
Voor de opmaak van deze twee elementen is een verschillende aanpak gekozen.
Wat mij betreft heeft - als het kan - de positie-methode de voorkeur: elk element in een bepaalde positie heeft een bepaalde opmaak.
Om te kiezen moet je je afvragen: wil ik dat alle elementen in een bepaalde positie een specifeke opmaak krijgen?
De afbeelding van het kaartje van Terschelling op de pagina polder moet voorzien worden van een kader en een schaduw. De positie ervan is: een afbeelding binnen het element article. We kunnen ons dan afvragen:
Er is er nu maar één van, maar wat als er meer afbeeldingen worden toegevoegd in een article (in de linker kolom)?
Opmerking: Ik heb voor de website niet de bovenstaande afweging gemaakt. Ik wilde gewoon beide methodes laten zien.
De website is nu opgemaakt voor desktop computers en laptops.
In volgende hoofdstukken gaan we het stijlblad nog wat uitbreiden, om er voor te zorgen dat de website er ook goed uitziet op tablets en smartphones.