Najpogosteje se za določitev velikosti zamikov na straneh HTML uporabljajo zmožnosti jezika CSS (Cascading Style Sheets). Čeprav je v samem jeziku HTML več "osnovnih" ostankov, ki v nekaterih primerih omogočajo zamik. Spodaj so navedene možnosti, ki so najpogosteje uporabljene, vendar poleg njih obstaja še precej različnih vrst trikov, ki vam omogočajo, da nastavite zamike za nestandardne oznake dokumentov HTML.
Potrebno je
Osnovno znanje jezikov HTML in CSS
Navodila
Korak 1
Določite element strani, od katerega želite zamakniti. Če je besedilo na primer postavljeno znotraj oznake … (blok), bo ta blok nadrejeni element za to besedilo in zamik je treba šteti od robov bloka. In če besedilo (ali slika) ni v nobenem elementu bloka (div, li itd.) Ali v vrstici (razpon, p itd.), Bo njegovo nadrejeno telo dokumenta (oznaka telesa). Določitev nadrejenega elementa za besedilo je potrebna, ker mora on nastaviti opise slogov, ki tvorijo zamike. Predpostavimo, da je vaše besedilo postavljeno znotraj bloka div: Sample text
2. korak
Z lastnostjo roba jezika CSS nastavite robove, to je razdaljo od meja elementa do sosednjih elementov, pa tudi do meja nadrejenega elementa. To razdaljo lahko nastavite ločeno za oblazinjenje na vsaki strani: rob zgoraj - zgoraj, rob desno - na desni, rob spodaj - spodaj, rob levo - na levi. Za zgornji primer je lahko ta koda css videti tako: div {
margin-top: 10px;
rob desno: 15 slikovnih pik;
margin-bottom: 40 slikovnih pik;
rob-levo: 70 slikovnih pik;
} Tu je "div" izbirnik, ki določa, da je treba ta slog uporabiti za vse div-je v kodi dokumenta. Sintaksa CSS omogoča združitev vseh štirih vrstic v eno: div {
marža: 10px 15px 40px 70px;
} Vrednosti zamikov je treba vedno navesti v tem vrstnem redu: najprej - zgoraj, nato - na desni, spodnji in levi strani. Če so zamiki na vseh straneh enaki, potem je dovolj, da določite vrednost enkrat: div {
marža: 70 slikovnih pik;
} Poleg tega lahko nastavite plavajoči vodoravni rob (to je levi in desni). To je lahko zelo koristno, kadar morate blok z določeno širino nastaviti točno v središču okna brskalnika. Brskalnik sam določi, koliko vdolbin naj bo na obeh straneh, če napišete naslednji stavek CSS: div {
marža: 0 samodejno;
}
3. korak
Z lastnostjo oblazinjenja nastavite oblazinjenje, ki je razdalja od meje elementa do vseh elementov, ki so v njem, vključno z besedilom. Sintaksa te lastnosti je popolnoma enaka kot pri lastnosti margin: div {
oblazinjenje: 10 slikovnih pik;
oblazinjenje desno: 15 slikovnih pik;
oblazinjenje-dno: 40 slikovnih pik;
oblazinjenje levo: 70 slikovnih pik;
} Ali div {
oblazinjenje: 10px 15px 40px 70px;
}
4. korak
Z lastnostjo zamika besedila nastavite dodatno zamik za prvo vrstico vsakega odstavka besedila. Na primer: div {
zamik besedila: 80 slikovnih pik;
}
5. korak
Z atributoma hspace in vspace oznake HTML img nastavite vodoravno in navpično vdolbino od slike do zunanjih elementov. Na primer, takole:
6. korak
Če želite nastaviti zamik od robov celic v tabeli na njihovo vsebino, uporabite atribut cellpadding oznake tabele. Atribut »spacepacing« nastavi razmik med celicami tabele. Na primer:
| 1 | 2 |
