Ekzistojnë dy lloje të paraqitjes së faqes: tabela dhe blloku. Dhe ndërsa e para është më e përshtatshme për krijimin e faqeve të thjeshta html, e dyta është ideale nëse duhet të shtoni elemente individualë në formën e blloqeve.
Udhëzimet
Hapi 1
Ekzistojnë dy teknika që do t'ju lejojnë të krijoni vetë një model bllok: duke ngulitur fletët e stilit kaskadë në një dokument, ose duke i lidhur ato nga një burim i jashtëm. Të dy japin të njëjtin rezultat, kështu që nuk ka asnjë ndryshim thelbësor midis tyre. Në rastin e parë, ngjisni kodin e mëposhtëm kudo në skedarin style.css:
.blloku1 {
}
Block1 - emri i bllokut, mund të shkruani ndonjë tjetër. Midis mbajtësve të kaçurrelave, specifikoni parametrat në formatin e mëposhtëm: emri i atributit> zorrës së trashë> vlera> pikëpresja (përfshirë vendosjen përpara mbajtësit të kaçurrelës). Zakonisht përdoren elementet e mëposhtëm:
- gjerësia - gjerësia (500px, 100%, etj.);
- lartësia - lartësia (200px, 25%, etj.);
- sfond - ngjyra e sfondit (e verdhë, e kuqe, # 000000);
- mbushje - mbushje rreth përmbajtjes brenda bllokut (0px, 20%);
- diferencë - kufijtë e jashtëm nga blloku (15px, 40%);
- bordura - korniza (kufiri: i zi i ngurtë 0px;);
- noton - shtrirja (majtas, djathtas);
- rrezja e kufirit - rrumbullakimi i këndeve (rrezja e kufirit: 10px;).
Hapi 2
Në përdorimin e dytë të CSS, shtoni stilimin midis etiketave dhe:
.bllok 1 {
}
Dhe shtoni parametrat që dëshironi.
Hapi 3
Vendosni bllokun në vendin e dëshiruar në sit duke përdorur komandën:
Blloku 1
Ruani dhe rifreskoni faqen, ajo duhet të shfaqet. Mbani në mend se shtrirja e lartësisë mund të ndryshojë në varësi të përmbajtjes së plotë. Për shembull, nëse vendosni 300px, por keni shkruar vetëm një rresht të tekstit, ai nuk do të shfaqet i plotë. Kjo mund të korrigjohet, për shembull, duke përdorur një tabelë me parametrat e kërkuar, e cila duhet të vendoset brenda bllokut, d.m.th. midis etiketave dhe. Dhe në mënyrë që kufijtë të mos jenë të dukshëm, futni atributin