Saidi paigutust on kahte tüüpi: tabel ja plokk. Ja kui esimene on mugavam lihtsate HTML-lehtede loomiseks, siis teine on ideaalne, kui peate lisama üksikuid elemente plokkide kujul.
Juhised
Samm 1
On kaks tehnikat, mis võimaldavad teil plokkdisaini ise välja töötada: kinnistades kaskaadstiililehed dokumendiks või ühendades need välisest ressursist. Mõlemad annavad sama tulemuse, nii et nende vahel pole põhimõttelist erinevust. Esimesel juhul kleepige järgmine kood faili style.css ükskõik kuhu:
.block1 {
}
Blokk1 - ploki nimi, saate kirjutada mis tahes muu. Lokkisulgude vahel määrake parameetrid järgmises vormingus: atribuudi nimi> koolon> väärtus> semikoolon (sealhulgas paigutatud lokkisulgude ette). Tavaliselt kasutatakse järgmisi elemente:
- laius - laius (500px, 100% jne);
- kõrgus - kõrgus (200px, 25% jne);
- taust - taustavärv (kollane, punane, # 000000);
- polsterdus - ploki sisemuse ümber polsterdus (0px, 20%);
- marginaal - ploki välised marginaalid (15px, 40%);
- ääris - raam (ääris: ühtlane 0px must;);
- ujuk - joondamine (vasak, parem);
- piiri raadius - nurkade ümardamine (piiri raadius: 10 pikslit;).
2. samm
CSS-i teisel kasutamisel lisage stiil ja siltide vahele:
.block1 {
}
Ja lisage soovitud parameetrid.
3. samm
Sisestage plokk saidil soovitud kohta käsuga:
1. plokk
Salvestage ja värskendage leht, see peaks ilmuma. Pidage meeles, et kõrguse joondamine võib varieeruda sõltuvalt sisu täielikkusest. Näiteks kui määrate 300 pikslit, kuid kirjutasite ainult ühe tekstirea, ei kuvata seda täielikult. Seda saab parandada näiteks vajalike parameetritega tabeli abil, mis tuleks paigutada ploki sisse, s.t. siltide ja. Ja et piire ei oleks näha, sisestage atribuut
