Webontwerpers gebruiken een aantal regels voor het ontwerp van website bekend als Cascading Style Sheets (CSS) om de stijl van hun webpagina's. Deze regels van de site uiterlijk verfraaien en biedt een methode om te bepalen van de weergave van de inhoud van de site van de ontwerper. De ontwerper gebruikt CSS stijl professioneel uitziende afbeeldingen en bijschriften en maak een oog-please effect voor bezoekers van de site.
Schrijf een nieuwe CSS-regel te maken van een ouder of wrapper div. Deze div zal het huis van zowel uw afbeelding en het bijschrift. Geven het div-element de nodige uitlijning eigenschappen te plaatsen op de gewenste locatie op de webpagina en bevatten regels voor het ontwerp, zo nodig. Bijvoorbeeld, zal in het volgende voorbeeld van een CSS-regel Maak je een wrapper-div met de id van de imageParent. De div imageParent bevat een afbeelding en een bijschrift. Het wordt een zwevende werkbalk de afbeelding aan de rechterkant van uw web-pagina en de afbeelding en het bijschrift in een stevige, dunne, zwarte rand om het onderscheiden van de andere inhoud zal teruglopen.
imageParent {float: rechts; rand: dunne zwarte solide;}Maak een andere CSS-regel om de eigenschappen van uw afbeelding te geven. In dit voorbeeld, zal deze regel een marge van drie pixels tussen het beeld en de rand plaatsen. De drie-pixel marge zal worden toegepast op de boven, links en rechts van de afbeelding. De regel plaatst een marge van één pixel op de onderkant van het beeld waar het bijschrift wordt geplaatst. Dit zal het visuele effect van trouwen met het bijschrift bij de afbeelding binnenkant van de zwarte rand hebben.
imageParent img {margin-top: 3px; margin-bottom: 1px; margin-right: 3px; marge links; 3px;}Het bijschrift van eigenschappen met een CSS-regel definiëren. U kan de eigenschappen van het bijschrift definiëren door een tekstlabel zoals een kop of alineacode styling. In dit voorbeeld een alineacode is opgemaakt die worden gebruikt voor het bevatten van het bijschrift. De Staten van de regels die het bijschrift wordt weergegeven in cursief terwijl uitlijnen in het midden van de div.
imageParent p {text-align: center, tekenstijl; cursief}Schrijf dat de HTML-code in het volgende voorbeeld toont de HTML-code die is opgemaakt met de CSS-regels uit de eerdere voorbeelden.
Uw titel