De mest brukte grunnstilene er justeringen av teksten og begrunnelsen, dette hjelper oss med å finne teksten og gjøre den mer kompatibel med miljøet, la oss forestille oss at vi må plassere et sammendrag av en nyhet, og vi vil at den skal skille seg ut fra en annen tekst, kan vi gjøre justeringen fokusert slik at vi oppnår den fremtredende vi ønsket i begynnelsen.
For å oppnå dette vil vi bruke to egenskaper:
1. tekstjustering: Spesifiserer justeringen av en tekstblokk kan ta verdiene: start, slutt, venstre, høyre, midt, begrunn.
2. tekst-begrunn: Spesifiserer teknikken som skal brukes til å rettferdiggjøre teksten når begrunnelse er valgt i tekstjusteringen.
La oss se litt kode der vi bruker dette:EksempelDet er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg. En av de mest interessante aspektene ved frukt er variasjonen som er tilgjengelig i hvert land. Jeg bor i nærheten av London, i et område som er kjent for sine epler.
Start End Venstre Høyre Justify Center
I denne delen av koden er det vi har gjort en manus med språk Javascript som lar oss endre attributtet til tekstjustering slik at når vi kjører den i nettleseren vår, kan vi se forskjellen mellom hver av attributtens eiendomsverdier. La oss se hvordan vi har et par av disse anvendte egenskapene i nettleseren:
FORSTØRRE
Her kan vi legge merke til at den venstre skjermen vi har brukt senter som lar oss sentrere teksten og på den høyre skjermen vi har brukt Ikke sant som gir oss muligheten til å justere teksten til høyre.La oss nå se en annen av egenskapene til HTML5 når en tekst har tomme, doble eller trippel mellomrom, erstatter nettleseren dem vanligvis med et enkelt mellomrom, som tomme linjer, den ignorerer dem, for å jobbe med den har vi egenskapen mellomrom, hun kan ta følgende attributter:
- vanlig: Det er standardverdien i nettleseren, ignorerer flere mellomrom og nye linjer.
- norap: I dette tilfellet ignoreres mellomrommene, men linjeskiftene respekteres.
- før: Hvitrom og bare linjeskift er bevart.
- forhåndslinje: Plassen ignoreres, men linjeskiftet respekteres.
- pre-wrap: Hvit mellomrom respekteres, og det vil være et linjeskift når det er spesifisert eller når blokken krever det.
La oss se et eksempel:
EksempelDet er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg. En av de mest interessante aspektene ved frukt er variasjonen som er tilgjengelig i hvert land. Jeg bor i nærheten av London, i et område som er kjent for sine epler.
Som vi kan se, har vi inkludert flere dobbeltrom i teksten, og vi har indikert at vi vil bruke eiendommen forhåndslinje, La oss se hva nettleseren viser oss:
Som vi kan se respekterte den bare linjeskiftene, men de tomme mellomrom ble endret til enkle mellomrom.