Hoe maak je een Stylesheet voor de DIV maken

Hoe maak je een Stylesheet voor de DIV maken


CSS maakt het mogelijk om style sheets te creëren inhoud van webpagina's display en de lay-out te controleren. Een DIV is een HTML-construct dat een middel voor het groeperen andere HTML-elementen, zoals koppen, paragrafen en beelden levert. U kunt veel kenmerken van uw DIVs gebruik van CSS te controleren. Gebruik een stylesheet om de grootte, de positie en de achtergrondkleur van een DIV-groep aan te geven.

instructies

1 Lanceer een tekst- of HTML-editor. Open uw webpagina.

2 Typ een stijl voor een DIV met een lichte gele achtergrond. Voer de code boven de "</ head>" tag:

<Style>

highlightDiv {

left:48px;

width: 200px;

background-color: # FFFF99;

}

</ Style>

3 Steek de stijl-ID in uw DIV tag om de stijl toe te passen:

<Div id = "highlightDiv"> <p> Groot Sale Going On ... </ p> </ div>

Sla de webpagina.

4 Maak een nieuw bestand naar een externe style sheet die je stijlen beschikbaar om meerdere pagina's te maken te creëren. Steek de div style codering in de file:

highlightDiv {

left:48px;

width: 200px;

background-color: # FFFF99;

}

Sla de stylesheet met een ".CSS" extensie, bijvoorbeeld "main.css."

5 Plaats een referentie voor de stylesheet in elke pagina die u wilt toegang tot de stijl. Plaats de link boven het "</ head>" tag:

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

Sla alle bestanden. Test uw webpagina in een webbrowser.