Det finns två typer av webbplatslayout: tabell och block. Och medan det förra är bekvämare för att skapa enkla HTML-sidor, är det senare perfekt om du behöver lägga till enskilda element i form av block.
Instruktioner
Steg 1
Det finns två tekniker som gör att du själv kan utveckla en blockdesign: genom att bädda in kaskadmallar i ett dokument eller genom att ansluta dem från en extern resurs. Båda ger samma resultat, så det finns ingen grundläggande skillnad mellan dem. I det första fallet klistrar du in följande kod var som helst i filen style.css:
.block1 {
}
Block1 - namnet på blocket, du kan skriva vilket annat som helst. Mellan de lockiga hakparenteserna anger du parametrarna i följande format: attributnamn> kolon> värde> semikolon (inklusive placerat före det lockiga klammeret). Följande element används ofta:
- bredd - bredd (500 pixlar, 100%, etc.);
- höjd - höjd (200 pixlar, 25%, etc.);
- bakgrund - bakgrundsfärg (gul, röd, # 000000);
- padding - padding runt innehållet inuti blocket (0px, 20%);
- marginal - externa marginaler från blocket (15 pixlar, 40%);
- border - frame (border: solid 0px black;);
- flottörinriktning (vänster, höger);
- border-radius - avrundning av hörn (border-radius: 10px;).
Steg 2
I den andra användningen av CSS, lägg till stylingen mellan taggarna och:
.block1 {
}
Och lägg till de parametrar du vill ha.
Steg 3
Sätt in blocket på önskad plats på webbplatsen med kommandot:
Block 1
Spara och uppdatera sidan, den ska visas. Tänk på att höjdjusteringen kan variera beroende på hur full innehållet är. Om du till exempel ställer in 300 pixlar men bara skrev en rad text kommer den inte att visas i sin helhet. Detta kan korrigeras till exempel med hjälp av en tabell med nödvändiga parametrar, som ska placeras inuti blocket, dvs. mellan taggar och. Och så att gränserna inte syns, infoga attributet
