Mara nyingi, kutaja saizi ya vipengee katika kurasa za HTML, uwezo wa lugha ya CSS (Karatasi za Sinema za Kuachia) hutumiwa. Ingawa katika lugha ya HTML yenyewe kuna mabaki kadhaa ya "rudimentary", ambayo inaruhusu katika hali zingine kuweka ujazo. Hapo chini kuna chaguzi ambazo hutumiwa mara nyingi, lakini badala yao bado kuna aina nyingi za ujanja ambazo zinakuruhusu kuweka indents kwa alama isiyo ya kawaida ya hati za HTML.
Ni muhimu
Ujuzi wa kimsingi wa lugha za HTML na CSS
Maagizo
Hatua ya 1
Tambua kipengee cha ukurasa ambacho utaingia ndani. Kwa mfano, ikiwa maandishi yamewekwa ndani ya lebo … (block), basi kizuizi hiki kitakuwa kipengee cha mzazi wa maandishi haya na indent inapaswa kuhesabiwa kutoka kwa mipaka ya block. Na ikiwa maandishi (au picha) hayamo ndani ya kizuizi chochote (div, li, n.k.) au inline (span, p, nk), basi mzazi wake atakuwa mwili wa hati (tag ya mwili). Kufafanua kipengee cha mzazi kwa maandishi ni muhimu kwa sababu ndiye anayehitaji kuweka maelezo ya mitindo ambayo huunda indents. Wacha tufikirie kuwa maandishi yako yamewekwa ndani ya kizuizi cha div: Mfano wa maandishi
Hatua ya 2
Tumia mali ya margin ya lugha ya CSS kuweka kando, ambayo ni, umbali kutoka kwa mipaka ya kipengee hadi vitu vya karibu, na pia kwa mipaka ya kipengee cha mzazi. Umbali huu unaweza kuwekwa kando kwa pedi kwa kila upande: margin-juu - juu, margin-kulia - kulia, pembezoni-chini - chini, margin-kushoto - kushoto. Kwa mfano hapo juu, nambari hii ya css inaweza kuonekana kama hii: div {
margin-juu: 10px;
margin-kulia: 15px;
chini-chini: 40px;
margin-kushoto: 70px;
} Hapa "div" ni kiteuzi ambacho kinabainisha kuwa mtindo huu unapaswa kutumika kwa divs zote kwenye nambari ya hati. Sintaksia ya CSS hukuruhusu kuchanganya mistari yote minne kuwa moja: div {
margin: 10px 15px 40px 70px;
} Thamani za vipengee lazima viainishwe kila wakati kwa utaratibu huu: kwanza - juu, halafu - kulia, chini na kushoto. Ikiwa ujazo ni sawa pande zote, basi inatosha kutaja thamani mara moja: div {
margin: 70px;
} Kwa kuongezea, unaweza kuweka kando ya usawa inayoelea (ambayo ni, kushoto na kulia). Hii inaweza kuwa muhimu sana wakati unahitaji kuweka kizuizi cha upana uliopewa haswa katikati ya dirisha la kivinjari. Kivinjari chenyewe huamua kiatomati ni kiasi gani cha pande zote mbili, ikiwa unaandika taarifa ifuatayo ya CSS: div {
margin: 0 auto;
}
Hatua ya 3
Tumia mali ya padding kuweka pedi, ambayo ni umbali kutoka mpaka wa kipengee hadi vitu vyovyote vilivyowekwa ndani yake, pamoja na maandishi. Sintaksia ya mali hii ni sawa na mali ya margin: div {
juu-juu: 10px;
padding-kulia: 15px;
chini-chini: 40px;
padding-kushoto: 70px;
} Au div {
padding: 10px 15px 40px 70px;
}
Hatua ya 4
Tumia mali ya kuingiza maandishi kuweka mpangilio wa ziada kwa mstari wa kwanza wa kila aya ya maandishi. Kwa mfano: div {
maandishi ya ndani: 80px;
}
Hatua ya 5
Tumia sifa za nafasi na nafasi ya lebo ya img ya HTML kuweka mpangilio wa usawa na wima kutoka kwa picha hadi kwa vitu vya nje, mtawaliwa. Kwa mfano, kama hii:
Hatua ya 6
Tumia sifa ya uongezaji wa seli ya lebo ya meza ikiwa unahitaji kuweka ujazo kutoka kwa mipaka ya seli kwenye jedwali hadi kwa yaliyomo. Na sifa ya nafasi ya seli huweka nafasi kati ya seli za meza. Kwa mfano:
| 1 | 2 |
