Der er to typer webstedslayout: tabelform og blokering. Og mens førstnævnte er mere praktisk til oprettelse af enkle html-sider, er sidstnævnte ideel, hvis du har brug for at tilføje individuelle elementer i form af blokke.
Instruktioner
Trin 1
Der er to teknikker, der giver dig mulighed for selv at udvikle et blokdesign: ved at indlejre kaskadeformatark i et dokument eller ved at forbinde dem fra en ekstern ressource. Begge giver det samme resultat, så der er ingen grundlæggende forskel mellem dem. I det første tilfælde skal du indsætte følgende kode hvor som helst i filen style.css:
.block1 {
}
Blok1 - navnet på blokken, du kan skrive enhver anden. Mellem de krøllede parenteser skal du angive parametrene i følgende format: attributnavn> kolon> værdi> semikolon (inklusive placeret før den krøllede afstivning). Følgende elementer bruges ofte:
- bredde - bredde (500 px, 100% osv.);
- højde - højde (200 px, 25% osv.);
- baggrund - baggrundsfarve (gul, rød, # 000000);
- polstring - polstring omkring indholdet inde i blokken (0px, 20%);
- margin - eksterne marginer fra blokken (15 pixel, 40%)
- border - frame (border: solid 0px black;);
- flyde - justering (venstre, højre);
- border-radius - afrunding af hjørner (border-radius: 10px;).
Trin 2
I den anden brug af CSS skal du tilføje stylingen mellem tags og:
.block1 {
}
Og tilføj de ønskede parametre.
Trin 3
Indsæt blokken på det ønskede sted på stedet ved hjælp af kommandoen:
Blok 1
Gem og opdater siden, den skal vises. Husk, at højdejusteringen kan variere afhængigt af, hvor fyldt indholdet er. Hvis du f.eks. Indstiller 300 px, men kun skrev en tekstlinje, vises den ikke fuldt ud. Dette kan for eksempel korrigeres ved hjælp af en tabel med de krævede parametre, som skal placeres inde i blokken, dvs. mellem tags og. Og så grænserne ikke er synlige, skal du indsætte attributten
