Hvordan lage en Empty Div

En div taggen brukes til å skille en HTML-område i et dokument, og brukes til å gruppere og stil elementer. En tom div er nyttig for plassholder mellomrom eller rom der innholdet er kodet inn via CSS. For eksempel kan et nettsted header div være tom i HTML, men CSS er satt for å vise et bilde.

Bruksanvisning

1 Åpne kilden visning av HTML-filen du vil redigere.

2 Plasser den åpne og lukke (<div> </ div>) div koder der du vil ha den tomme delen til å være.

3 Legg en CSS id til div tag for styling den i stilarket. For eksempel bruke <div id = "tom-div"> <div> for tom div.

4 Lagre HTML-dokumentet.

5 Åpne din stylesheet og legge til en CSS-delen for den nye tom div id, for eksempel: ".empty-div {}" og legge til CSS egenskaper til div id delen for å style det, hvis det er nødvendig.

6 Lagre stilark.

Hint

• Du må kanskje legge til bredde og høyde CSS egenskaper til div for det å dukke opp som en tom plass, eller vises i riktig størrelse, hvis du bruker den til å vise et bakgrunnsbilde.