Yra dviejų tipų svetainių išdėstymas: lentelių ir blokų. Nors pirmasis yra patogesnis kuriant paprastus HTML puslapius, antrasis yra idealus, jei reikia pridėti atskirus elementus blokų pavidalu.
Nurodymai
1 žingsnis
Yra du būdai, kurie leis jums patiems sukurti blokų dizainą: į dokumentą įterpiant kaskadinius stiliaus lapus arba sujungiant juos iš išorinių išteklių. Abi duoda tą patį rezultatą, todėl tarp jų nėra jokio esminio skirtumo. Pirmuoju atveju įklijuokite šį kodą bet kur faile style.css:
.block1 {
}
Blokas1 - bloko pavadinimas, galite parašyti bet kurį kitą. Tarp garbanotųjų petnešų nurodykite parametrus tokiu formatu: atributo pavadinimas> dvitaškis> vertė> kabliataškis (įskaitant dedamą prieš garbanotąsias petnešas). Paprastai naudojami šie elementai:
- plotis - plotis (500px, 100% ir kt.);
- aukštis - aukštis (200 taškų, 25 proc. ir kt.);
- fonas - fono spalva (geltona, raudona, # 000000);
- paminkštinimas - užpildymas aplink turinį bloko viduje (0px, 20%);
- paraštė - išorinės maržos iš bloko (15px, 40%);
- kraštas - rėmas (kraštas: vientisas 0 taškų juodas;);
- plūdė - išlyginimas (kairė, dešinė);
- ribos spindulys - kampų suapvalinimas (krašto spindulys: 10 taškų;).
2 žingsnis
Antrą kartą naudodami CSS, pridėkite stilių tarp ir ir žymių:
.block1 {
}
Ir pridėkite norimus parametrus.
3 žingsnis
Įdėkite bloką į norimą svetainės vietą naudodami komandą:
1 langelis
Išsaugokite ir atnaujinkite puslapį, jis turėtų pasirodyti. Atminkite, kad aukščio išlygiavimas gali skirtis, atsižvelgiant į turinio pilnumą. Pvz., Jei nustatysite 300 taškų, bet parašėte tik vieną teksto eilutę, jis nebus rodomas visa. Tai galima ištaisyti, pavyzdžiui, naudojant lentelę su reikalingais parametrais, kuri turėtų būti patalpinta bloko viduje, t. tarp žymių ir. Kad sienos nebūtų matomos, įterpkite atributą
