Obstajata dve vrsti postavitve spletnega mesta: tabelarična in blokovna. In medtem ko je prva primernejša za ustvarjanje preprostih strani html, je druga idealna, če morate dodati posamezne elemente v obliki blokov.
Navodila
Korak 1
Obstajata dve tehniki, ki vam bosta omogočili, da sami razvijete zasnovo bloka: z vdelavo kaskadnih slogovnih listov v dokument ali z njihovo povezavo iz zunanjega vira. Oba dajeta enak rezultat, zato med njima ni bistvene razlike. V prvem primeru prilepite naslednjo kodo kamor koli v datoteko style.css:
.block1 {
}
Block1 - ime bloka, lahko napišete katero koli drugo. Med zavitimi oklepaji določite parametre v naslednji obliki: ime atributa> dvopičje> vrednost> podpičje (vključno s postavitvijo pred kodrasto oklepaj). Pogosto se uporabljajo naslednji elementi:
- širina - širina (500px, 100% itd.);
- višina - višina (200px, 25% itd.);
- ozadje - barva ozadja (rumena, rdeča, # 000000);
- oblazinjenje - oblazinjenje okoli vsebine znotraj bloka (0px, 20%);
- marža - zunanje robove iz bloka (15px, 40%);
- obroba - okvir (obroba: polna 0px črna;);
- float - poravnava (levo, desno);
- polmer obrobe - zaokroževanje vogalov (polmer obrobe: 10 slikovnih pik;).
2. korak
Pri drugi uporabi CSS dodajte slog med oznakama in:
.block1 {
}
In dodajte želene parametre.
3. korak
Blok vstavite na želeno mesto na spletnem mestu z ukazom:
Polje 1
Shranite in osvežite stran, prikazana bi morala biti. Upoštevajte, da se lahko poravnava po višini razlikuje glede na polnost vsebine. Če na primer nastavite 300 slikovnih pik, vendar ste napisali samo eno vrstico besedila, ne bo prikazano v celoti. To je mogoče popraviti, na primer z uporabo tabele z zahtevanimi parametri, ki naj bo postavljena znotraj bloka, tj. med oznakama in. In tako, da meje niso vidne, vstavite atribut
