How to Make een Stylesheet voor het div-element

How to Make een Stylesheet voor het div-element


CSS kunt u opmaakmodellen om controle Web-pagina inhoud display en lay-out maken. Een div-element is een HTML-construct waarmee een middel voor het groeperen van andere HTML-elementen, zoals koppen, alinea's en afbeeldingen. U kunt veel kenmerken van uw div-elementen met behulp van CSS. Een opmaakmodel gebruiken om aan te geven de grootte, positie en achtergrond kleur van een div-groep.

Instructies

1

Start een teksteditor of HTML-editor. Open uw Web-pagina.

2

Typ een stijl voor een div-element met een lichte gele achtergrond. Voeg de code boven de "< / head >" tag:

< style >

{highlightDiv}

left:48px;

width:200px;

background-color:#FFFF99;

}

< / style >

3

De stijl-id invoegen in uw div-tag de stijl toe te passen:

< div id = "highlightDiv" >< p > grote verkoop Going On... < /p >< / div >

De webpagina opslaat.

4

Maak een nieuw bestand als u wilt maken van een externe stijlpagina die uw stijlen beschikbaar voor meerdere pagina's maken. De div-stijl codering in het bestand invoegen

{highlightDiv}

left:48px;

width:200px;

background-color:#FFFF99;

}

Sla het opmaakmodel met een ". CSS"extensie, bijvoorbeeld"main.css".

5

Een verwijzing voor de stylesheet invoegen op elke pagina die u wilt openen de stijl. Plaats de link boven de "< / head >" tag:

< koppeling href="main.css" rel = "stylesheet" type = "text/css" >

Alle bestanden opslaan. Uw Web-pagina in een webbrowser testen.