Det er to typer nettstedsoppsett: tabellform og blokk. Og mens førstnevnte er mer praktisk for å lage enkle HTML-sider, er sistnevnte ideell hvis du trenger å legge til individuelle elementer i form av blokker.
Bruksanvisning
Trinn 1
Det er to teknikker som lar deg utvikle en blokkdesign selv: ved å legge inn kaskade stilark i et dokument, eller ved å koble dem fra en ekstern ressurs. Begge gir det samme resultatet, så det er ingen grunnleggende forskjell mellom dem. I det første tilfellet limer du inn følgende kode hvor som helst i filen style.css:
.block1 {
}
Blokk1 - navnet på blokken, du kan skrive hvilken som helst annen. Mellom de krøllete bukkene, spesifiser parametrene i følgende format: attributtnavn> kolon> verdi> semikolon (inkludert plassert før krølleteig). Følgende elementer brukes ofte:
- bredde - bredde (500 px, 100% osv.);
- høyde - høyde (200 px, 25% osv.);
- bakgrunn - bakgrunnsfarge (gul, rød, # 000000);
- polstring - polstring rundt innholdet inne i blokken (0px, 20%);
- margin - eksterne marginer fra blokken (15px, 40%);
- border - frame (border: solid 0px black;);
- flyt - justering (venstre, høyre);
- border-radius - avrunding av hjørner (border-radius: 10px;).
Steg 2
I den andre bruken av CSS, legg til styling mellom og kodene:
.block1 {
}
Og legg til parametrene du vil ha.
Trinn 3
Sett inn blokken på ønsket sted på nettstedet ved hjelp av kommandoen:
Blokk 1
Lagre og oppdater siden, den skal vises. Husk at høydejusteringen kan variere avhengig av hvor fullt innholdet er. Hvis du for eksempel angir 300 px, men bare skrev en tekstlinje, vil den ikke vises i sin helhet. Dette kan korrigeres, for eksempel ved hjelp av en tabell med de nødvendige parametrene, som skal plasseres inne i blokken, dvs. mellom tagger og. Og slik at kantene ikke er synlige, setter du inn attributtet
