Om die grootte van die inspringings op HTML-bladsye te spesifiseer, word die CSS-taal (Cascading Style Sheets) meestal gebruik. Alhoewel daar in die HTML-taal 'n aantal "rudimentêre" oorblyfsels is, kan dit in sommige gevalle inspringing plaas. Hieronder is die opsies wat die meeste gebruik word, maar daarbenewens is daar nog baie verskillende soorte truuks waarmee u inspringings kan instel vir nie-standaard opmaak van HTML-dokumente.
Dit is nodig
Basiese kennis van HTML- en CSS-tale
Instruksies
Stap 1
Bepaal die bladsy-element waaruit u moet inspring. As die teks byvoorbeeld in die tag … (blok) geplaas word, is hierdie blok die hoofelement vir hierdie teks en moet die streep van die blok getel word. En as die teks (of afbeelding) nie binne enige blok (div, li, ens.) Of ingeboude (span, p, ens.) Elemente is nie, dan is die ouer die dokumentlichaam (hoofletter). Die definisie van 'n ouerelement vir die teks is nodig, want dit is hy wat die beskrywings moet opstel van die style wat die inspringings vorm. Kom ons neem aan dat u teks binne 'n div-blok geplaas is: voorbeeldteks
Stap 2
Gebruik die CSS-taalmargeienskap om marges in te stel, dit wil sê, die afstand vanaf die grense van 'n element tot aangrensende elemente, sowel as tot die grense van die ouerelement. Hierdie afstand kan afsonderlik ingestel word vir die vulling aan elke kant: marge-bo - bo, marge-regs - aan die regterkant, marge-onder - aan die onderkant, marge-links - aan die linkerkant. Vir die voorbeeld hierbo kan hierdie css-kode so lyk: div {
marge-top: 10px;
marge-regs: 15px;
marge-onderkant: 40px;
marge-links: 70 px;
} Hier is "div" 'n keurder wat spesifiseer dat hierdie styl op alle divs in die dokumentkode toegepas moet word. Met die CSS-sintaksis kan u al vier lyne in een kombineer: div {
marge: 10px 15px 40px 70px;
} Die waardes van die inspringings moet altyd in hierdie volgorde gespesifiseer word: eers - bo, dan - aan die regterkant, onderkant en links. As die inspringings aan alle kante dieselfde is, is dit genoeg om die waarde te spesifiseer. een keer: div {
marge: 70 px;
} Daarbenewens kan u 'n drywende horisontale kantlyn instel (dit wil sê links en regs). Dit kan baie handig wees as u 'n blok van 'n gegewe breedte presies in die middel van die blaaiervenster moet instel. Die blaaier self bepaal outomaties hoeveel inspringing aan beide kante moet wees as u die volgende CSS-stelling skryf: div {
marge: 0 outomaties;
}
Stap 3
Gebruik die vullingseiendom om vulling in te stel, dit is die afstand vanaf die rand van 'n element tot enige elemente wat daarin geplaas word, insluitend teks. Die sintaksis vir hierdie eienskap is presies dieselfde as vir die margeiendom: div {
padding-top: 10px;
padding-regs: 15px;
opvul-onderkant: 40px;
padding-links: 70px;
} Of div {
opvulling: 10px 15px 40px 70px;
}
Stap 4
Gebruik die teks-inspring-eienskap om die addisionele inspringing vir die eerste reël van elke paragraaf teks in te stel. Byvoorbeeld: div {
teks-inspringing: 80px;
}
Stap 5
Gebruik die hspace- en vspace-eienskappe van die HTML-img-tag om die horisontale en vertikale inspringing van die prent na die buitenste elemente te stel. Byvoorbeeld, soos volg:
Stap 6
Gebruik die kenmerk van sellulêre vulling van die tafellabel as u die inspringing van die sellyne in die tabel op hul inhoud moet instel. En die selafstand-kenmerk stel die spasiëring tussen tafelselle in. Byvoorbeeld:
| 1 | 2 |
