Postoje dvije vrste izgleda web mjesta: tablični i blok. I dok je prva prikladnija za stvaranje jednostavnih html stranica, druga je idealna ako trebate dodati pojedinačne elemente u obliku blokova.
Instrukcije
Korak 1
Dvije su tehnike koje će vam omogućiti da sami razvijete dizajn bloka: ugrađivanjem kaskadnih listova stilova u dokument ili njihovim povezivanjem iz vanjskog izvora. Oboje daju isti rezultat, tako da među njima nema suštinske razlike. U prvom slučaju zalijepite sljedeći kod bilo gdje u datoteci style.css:
.block1 {
}
Blok1 - naziv bloka, možete napisati bilo koji drugi. Između vitičastih zagrada navedite parametre u sljedećem formatu: ime atributa> dvotačka> vrijednost> zarez (uključujući postavljene ispred kovrčavih zagrada). Sljedeći elementi se obično koriste:
- širina - širina (500px, 100%, itd.);
- visina - visina (200px, 25%, itd.);
- pozadina - boja pozadine (žuta, crvena, # 000000);
- popunjavanje - popunjavanje oko sadržaja unutar bloka (0px, 20%);
- margina - vanjske margine iz bloka (15px, 40%);
- obrub - okvir (obrub: puna crna 0px;);
- plutajuće - poravnanje (lijevo, desno);
- radijus obruba - zaobljenje uglova (radijus obruba: 10px;).
Korak 2
U drugoj upotrebi CSS-a dodajte stil između oznaka i:
.block1 {
}
I dodajte parametre koje želite.
Korak 3
Umetnite blok na željeno mjesto na web lokaciji pomoću naredbe:
Blok 1
Spremite i osvježite stranicu, trebala bi se pojaviti. Imajte na umu da poravnanje visine može varirati ovisno o tome koliko je sadržaj pun. Na primjer, ako postavite 300 piksela, ali ste napisali samo jedan redak teksta, neće biti prikazan u cijelosti. To se može ispraviti, na primjer, pomoću tablice sa potrebnim parametrima, koju treba smjestiti unutar bloka, tj. između tagova i. A da granice ne budu vidljive, umetnite atribut
