De mest använda grundstilarna är textens inriktning och motiveringen, detta hjälper oss att hitta texten och göra den mer kompatibel med miljön, låt oss föreställa oss att vi måste placera en sammanfattning av en nyhet och vi vill att den ska skilja sig från en annan text, kan vi göra dess anpassning fokuserad så att vi uppnår den framträdande vi ville ha i början.
För att uppnå detta kommer vi att använda två egenskaper:
1. text-align: Anger justeringen av ett textblock kan ta värdena: start, slut, vänster, höger, mitt, motivera.
2. text-motivera: Anger den teknik som ska användas för att motivera texten när motiveringen väljs i textjusteringen.
Låt oss se lite kod där vi tillämpar detta:ExempelDet finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val. En av de mest intressanta aspekterna av frukt är sorten som finns i varje land. Jag bor nära London, i ett område som är känt för sina äpplen.
Start Avsluta Vänster Höger Justera Center
I den här delen av koden är det vi har gjort en manus med språk Javascript som gör att vi kan ändra attributet för textjustera så att när vi kör det i vår webbläsare kan vi se skillnaden mellan var och en av attributets egenskaper. Låt oss se hur vi har ett par av dessa tillämpade egenskaper i webbläsaren:
FÖRSTORA
Här kan vi märka att den vänstra skärmen vi har tillämpat Centrum som låter oss centrera texten och på den högra skärmen vi har tillämpat rätt vilket ger oss möjlighet att anpassa texten till höger.Låt oss nu se en annan av egenskaperna hos HTML5 när en text har tomma, dubbla eller trippel mellanslag, webbläsaren vanligtvis ersätter dem med ett enda mellanslag, som tomma rader, det ignorerar dem, för att arbeta med det har vi egenskapen vitrum, hon kan ta följande attribut:
- vanligt: Det är standardvärdet i webbläsaren, ignorerar flera mellanslag och nya rader.
- nu: I detta fall ignoreras mellanslag men radbrytningarna respekteras.
- före: Vitt utrymme och endast radbrytningar bevaras.
- förrad: Utrymmet ignoreras, men radbrytningen respekteras.
- förpackning: Vitt avstånd respekteras och det kommer att finnas en radbrytning när det anges eller när blocket kräver det.
Låt oss se ett exempel:
ExempelDet finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val. En av de mest intressanta aspekterna av frukt är sorten som finns i varje land. Jag bor nära London, i ett område som är känt för sina äpplen.
Som vi kan se har vi inkluderat flera dubbelrum i texten och vi har angett att vi kommer att använda egendomen förrad, Låt oss se vad webbläsaren visar oss:
Som vi kan se respekterade det bara radbrytningarna, men tomma blanksteg ändrades till enkla mellanslag.