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.
Upute
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 nema temeljne razlike među njima. 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 kovrčavih zagrada navedite parametre u sljedećem formatu: naziv atributa> dvotačka> vrijednost> točka i zarez (uključujući stavljene ispred kovrčavih zagrada). Sljedeći se elementi 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 0px crna;);
- float - poravnanje (lijevo, desno);
- radijus obruba - zaokruživanje uglova (radijus obruba: 10px;).
Korak 2
U drugoj upotrebi CSS-a dodajte stil između oznaka i:
.block1 {
}
I dodajte parametre koje želite.
3. korak
Umetnite blok na željeno mjesto na web mjestu pomoću naredbe:
Blok 1
Spremite i osvježite stranicu, trebala bi se pojaviti. Imajte na umu da se poravnanje visine može razlikovati 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 s traženim parametrima, koju treba smjestiti unutar bloka, tj. između oznaka i. I tako da granice ne budu vidljive, umetnite atribut
