Kuna aina mbili za mpangilio wa wavuti: tabular na block. Na wakati ya zamani ni rahisi zaidi kwa kuunda kurasa rahisi za html, ya mwisho ni bora ikiwa unahitaji kuongeza vitu vya kibinafsi kwa njia ya vitalu.
Maagizo
Hatua ya 1
Kuna mbinu mbili ambazo zitakuruhusu kukuza muundo wa block mwenyewe: kwa kupachika karatasi za mtindo unaowekwa kwenye hati, au kwa kuziunganisha kutoka kwa rasilimali ya nje. Wote hutoa matokeo sawa, kwa hivyo hakuna tofauti ya kimsingi kati yao. Katika kesi ya kwanza, weka nambari ifuatayo mahali popote kwenye faili ya style.css:
.zuia1 {
}
Block1 - jina la block, unaweza kuandika nyingine yoyote. Kati ya braces zilizopindika, taja vigezo katika fomati ifuatayo: jina la sifa> koloni> thamani> semicoloni (pamoja na kuwekwa kabla ya brace curly). Vitu vifuatavyo hutumiwa kawaida:
- upana - upana (500px, 100%, nk);
- urefu - urefu (200px, 25%, nk);
- asili - rangi ya asili (Njano, Nyekundu, # 000000);
- padding - padding karibu na yaliyomo ndani ya block (0px, 20%);
margin - pembezoni za nje kutoka kwa block (15px, 40%);
- mpaka - fremu (mpaka: nyeusi 0px nyeusi;);
- kuelea - mpangilio (kushoto, kulia);
- mpaka-radius - kuzunguka kwa pembe (mpaka-radius: 10px;).
Hatua ya 2
Katika matumizi ya pili ya CSS, ongeza mtindo kati ya vitambulisho na lebo:
.zuia1 {
}
Na ongeza vigezo unavyotaka.
Hatua ya 3
Ingiza kizuizi mahali unavyotaka kwenye wavuti ukitumia amri:
Zuia 1
Hifadhi na uburudishe ukurasa, inapaswa kuonekana. Kumbuka kuwa mpangilio wa urefu unaweza kutofautiana kulingana na yaliyomo kamili. Kwa mfano, ikiwa utaweka 300px, lakini umeandika tu mstari mmoja wa maandishi, haitaonyeshwa kwa ukamilifu. Hii inaweza kusahihishwa, kwa mfano, kutumia meza na vigezo vinavyohitajika, ambavyo vinapaswa kuwekwa ndani ya kizuizi, i.e. kati ya vitambulisho na. Na ili mipaka isionekane, ingiza sifa
