Hvordan lage et stilark for DIV

Hvordan lage et stilark for DIV


CSS kan du lage stilark til å styre innholdet på websiden visning og layout. En DIV er en HTML-konstruksjon som gir et middel for å gruppere andre HTML-elementer, for eksempel overskrifter, avsnitt og bilder. Du kan styre mange attributter av dine divs ved hjelp av CSS. Bruk et stilark for å angi størrelse, posisjon og bakgrunnsfarge for en DIV gruppe.

Bruksanvisning

1 Start en tekst eller HTML editor. Åpne websiden.

2 Skriv en stil for en DIV med en lys gul bakgrunn. Sett inn koden ovenfor "</ head>" tag:

<Style>

highlightDiv {

left:48px;

width: 200px;

background-color: # FFFF99;

}

</ Style>

3 Sett stilen id inn i DIV tag bruke stilen:

<Div id = "highlightDiv"> <p> Great Salg skjer ... </ p> </ div>

Lagre websiden.

4 Opprett en ny fil for å opprette et eksternt stilark som vil gjøre dine stiler tilgjengelig på flere sider. Sett div style kodingen i filen:

highlightDiv {

left:48px;

width: 200px;

background-color: # FFFF99;

}

Lagre stilsett med en "CSS" forlengelse, for eksempel "main.css."

5 Sett inn en referanse for stilark i hver side som du vil ha tilgang til stil. Plasser linken ovenfor "</ head>" tag:

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

Lagre alle filer. Test websiden i en nettleser.