Hvordan bruke Marginene stedet for Floats

February 12

Utnytte CSS marginer er en nyttig måte å plass ut innholdet på websiden så elementer vises ikke for nær hverandre. Marginene er et alternativ til CSS "flyte" teknikk for når du ikke trenger omkringliggende elementer å vikle rundt et område. Marginen egenskapen angir hvor mye tom plass til å plassere over, til høyre, under og til venstre for et element. Legg marginer til websiden ved å erklære en CSS stil og deretter kalle det inni HTML-koden med "klasse" søkeord.

Bruksanvisning

1 Åpne HTML-dokument i et redigeringsprogram, for eksempel Windows Notisblokk.

2 Opprett CSS-koden for marginer ved å legge til følgende kode i <head> -delen av HTML-filen:

.mymargin {margin: 50 piksler 0px 0px 40px; }

Den "." tegn ved begynnelsen av linjen indikerer en klasse velger, som kan brukes på flere elementer. Den "margin" eiendom vil sette en 50 piksler margin på toppen, en 0px margin på høyre, en 0px margin på bunnen og en 40px margin til venstre for elementet.

3 Legg til følgende HTML-kode i <body> -delen av filen:

<P> Første ledd. </ P>
<P class = "mymargin"> annet ledd. </ P>

Dette skaper 50 piksler tomrom mellom de to avsnittene vertikalt. Det setter også 50 piksler plass mellom annet ledd og til venstre på siden.

4 Lagre HTML-fil og laste den opp til webserveren. Oppdater siden for å se de nye marginer.