För att ange storleken på indrag på HTML-sidor används oftast CSS-språkets (Cascading Style Sheets) kapacitet. Även om det i HTML-språket i sig finns flera "rudimentära" rester, vilket i vissa fall gör det möjligt att ställa in fördjupning. Nedan visas de alternativ som används oftast, men förutom dem finns det fortfarande en hel del olika slags knep som låter dig ställa in indrag för icke-standardiserad markering av HTML-dokument.
Det är nödvändigt
Grundläggande kunskaper i HTML- och CSS-språk
Instruktioner
Steg 1
Bestäm sidelementet som du ska dra in. Till exempel, om texten placeras inuti taggen … (block), kommer detta block att vara det överordnade elementet för denna text och strecksatsen ska räknas från blockets kanter. Och om texten (eller bilden) inte finns i några block (div, li, etc.) eller inline (span, p, etc.), kommer dess överordnade att vara dokumentet (body tag). Att definiera ett överordnat element för texten är nödvändigt eftersom det är han som behöver ställa in beskrivningarna av de stilar som bildar indragna. Låt oss anta att din text är placerad i ett div-block: exempeltext
Steg 2
Använd CSS-språkmarginalegenskapen för att ställa in marginaler, det vill säga avståndet från gränserna för ett element till intilliggande element, liksom till gränserna för det överordnade elementet. Detta avstånd kan ställas in separat för stoppningen på vardera sidan: marginal-topp - överst, marginal-höger - till höger, marginal-botten - längst ner, marginal-vänster - till vänster. För exemplet ovan kan den här css-koden se ut så här: div {
margin-top: 10px;
marginal-höger: 15px;
marginal-botten: 40px;
marginal till vänster: 70 pixlar;
} Här är "div" en väljare som anger att denna stil ska tillämpas på alla divs i dokumentkoden. CSS-syntaxen låter dig kombinera alla fyra raderna till en: div {
marginal: 10px 15px 40px 70px;
} Värdena på indragen måste alltid anges i den här ordningen: först - högst upp, sedan - till höger, nedre och vänster. Om indragen är desamma på alla sidor är det tillräckligt att ange värdet en gång: div {
marginal: 70 pixlar;
} Dessutom kan du ställa in en flytande horisontell marginal (det vill säga vänster och höger). Detta kan vara mycket användbart när du behöver ställa in ett block med en viss bredd exakt i mitten av webbläsarfönstret. Webbläsaren bestämmer automatiskt hur mycket indrag som ska vara på båda sidor om du skriver följande CSS-uttalande: div {
marginal: 0 auto;
}
Steg 3
Använd padding-egenskapen för att ställa in padding, vilket är avståndet från gränsen för ett element till alla element som placeras inuti det, inklusive text. Syntaxen för den här egenskapen är exakt densamma som för marginalegenskapen: div {
stoppningstopp: 10 pixlar;
padding-right: 15px;
stoppning-botten: 40px;
stoppning-vänster: 70 pixlar;
} Eller div {
stoppning: 10px 15px 40px 70px;
}
Steg 4
Använd egenskapen textindrag för att ställa in ytterligare indrag för den första raden i varje textstycke. Till exempel: div {
textindrag: 80px;
}
Steg 5
Använd attributen hspace och vspace för HTML img-taggen för att ställa in den horisontella och vertikala fördjupningen från bilden till de yttre elementen. Till exempel så här:
Steg 6
Använd celladdningsattributet för tabelltaggen om du behöver ställa in indraget från cellernas kanter i tabellen till deras innehåll. Och attributet cellavstånd ställer in avståndet mellan tabellceller. Till exempel:
| 1 | 2 |
