Kõige sagedamini kasutatakse HTML-lehtede taanete suuruse määramiseks CSS-keele (kaskaadstiililehed) võimalusi. Kuigi HTML-keeles endas on mitu "algelist" jäänukit, mis võimaldavad mõnel juhul taande seada. Allpool on toodud kõige sagedamini kasutatavad valikud, kuid lisaks neile on veel üsna palju erinevaid trikke, mis võimaldavad teil HTML-dokumentide mittestandardsele märgistusele taandeid määrata.
See on vajalik
Põhiteadmised HTML- ja CSS-keeltest
Juhised
Samm 1
Määrake lehe element, millest taandada. Näiteks kui tekst on paigutatud sildi … (plokk) sisse, on see plokk selle teksti vanemelement ja taane tuleks lugeda ploki piiridest. Ja kui tekst (või pilt) ei asu ühegi ploki (div, li jne) ega inline (span, p jne) elementide sees, siis on selle vanem dokumendi keha (body silt). Vanemelemendi määratlemine tekstile on vajalik, sest just tema peab määrama taimede moodustavate stiilide kirjeldused. Oletame, et teie tekst on paigutatud div-plokki: Teksti näidis
2. samm
Kasutage CSS-i keele marginaali omadust veeriste määramiseks, see tähendab kaugus elemendi piiridest külgnevate elementide ja ka vanema elemendi piirideni. Seda kaugust saab mõlemal küljel polsterduse jaoks eraldi määrata: veerist ülevalt - ülevalt, veerist paremalt - paremalt, veeriselt alt - alt, alt vasakult - vasakult. Ülaltoodud näite puhul võib see css-kood välja näha järgmine: div {
ülemine serv: 10 pikslit;
paremäär: 15px;
ääris-põhi: 40px;
serv vasakul: 70 pikslit;
} Siin on "div" valik, mis määrab, et seda stiili tuleks rakendada kõigile dokumendikoodi div-idele. CSS-i süntaks võimaldab teil ühendada kõik neli rida üheks: div {
veeris: 10 pikslit 15 pikslit 40 pikslit 70 pikslit;
} Taanete väärtused tuleb alati määrata selles järjekorras: kõigepealt - ülevalt, seejärel - paremalt, alt ja vasakult. Kui taanded on kõigil külgedel ühesugused, siis piisab väärtuse määramisest üks kord: div {
varu: 70px;
} Lisaks saate määrata ujuva horisontaalse veerise (st vasakule ja paremale). See võib olla väga kasulik, kui peate määrama etteantud laiusega ploki täpselt brauseriakna keskele. Kui kirjutate järgmise CSS-i lause, määrab brauser ise automaatselt, kui suur taand peaks olema mõlemal küljel: div {
veeris: 0 automaatne;
}
3. samm
Täidise määramiseks kasutage atribuuti polster, mis on kaugus elemendi piirist mis tahes selle sisestatud elementide, sealhulgas tekstiga. Selle omaduse süntaks on täpselt sama mis marginaali omadusel: div {
top-top: 10px;
polster paremal: 15px;
polsterduspõhi: 40px;
polster vasakul: 70px;
} Või div {
polster: 10px 15px 40px 70px;
}
4. samm
Atribuudi text-taande abil saate määrata iga tekstilõigu esimese rea täiendava taande. Näiteks: div {
teksti taane: 80px;
}
5. samm
HTML-i img-märgendi atribuutide hspace ja vspace abil saate määrata horisontaalse ja vertikaalse taande pildilt välimisele elemendile. Näiteks:
6. samm
Kasutage tabelimärgendi cellpadding atribuuti, kui peate määrama taande tabeli lahtrite piiridest nende sisule. Ja lahtriruumi atribuut määrab tabelirakkude vahelise vahe. Näiteks:
| 1 | 2 |
