Hvordan å formatere tekst på websiden din med Raspberry Pi

March 16  by Eliza

Du kan endre noen egenskaper for å endre hvordan nettstedets teksten ser på skjermen med Raspberry Pi. Alt du kan legge til å gjøre nettstedet ditt mer visuelt tiltalende vil oppfordre folk til å holde besøker nettstedet ditt. Egenskapene du kan endre er

  • font-family: Skriften brukes til å vise en nettside avhenger av hvilke skrifter den besøkendes datamaskin har installert. Du bruker denne egenskapen til å angi en liste over fonter du foretrekker å bruke for teksten, som starter med den første preferanse, og jobbe deg ned til siste utvei hvis dine tidligere valg er ikke tilgjengelig.

    Du vet ikke hva skrifter noen har på sin datamaskin for å vise nettsiden din, og skriftene på din Raspberry Pi vil ikke være på de fleste datamaskiner. Det er bra da at du også kan angi en generisk type font som skal brukes, slik som serif, sans-serif, eller monospace (hvor hver bokstav har samme bredde).

  • font-size: Bruk denne egenskapen til å endre tekststørrelse. Brukere bør være i full kontroll over hvor stor teksten er, ved hjelp av innstillingene deres nettleser, men du kan angi hvor stor du vil ha en bit av teksten skal være, i forhold til hva den ellers ville ha vært. Det finnes et par forskjellige måter å angi dette, men det enkleste er å bruke en prosentandel (for eksempel 150%).
  • font-style: Sett dette til kursiv for å gjøre teksten kursiv. Hvis du har kursiv tekst som du ønsker å gjøre ikke-kursiv, sett skriften-stil til det normale.
  • font-weight: Sett denne til dristig å lage fet. Hvis du har tekst som er fet som du ønsker å gjøre unbold, sette font-stil til det normale.
  • text-decoration: Sett dette å understreke for å understreke tekst, og til ingen Hvis du ikke vil at teksten skal understreket. Fordi nettstedet besøkende forvente understreket tekst for å være en link, er det sjelden en god idé å understreke hvilken som helst annen tekst.
  • text-align: Gi denne eiendommen en verdi av til venstre, høyre, senter, eller rettferdiggjøre å angi hvordan tekst er justert.
  • text-indent: Bruk dette til å angi et innrykk for første tekstlinje. En verdi på 1em rykker den første linje med bredden av en bokstav m. Du kan bruke andre tall også, for eksempel 0.5em, 1.5em, eller 2em.

Du kan formatere tekst mange forskjellige måter å bruke disse. For eksempel, hvis du ønsket å gjøre hele teksten på siden din serif, vil du bruke

body {font-family: serif; }

Hvis du ønsket å spesifisere at siden din skal vises ideelt med skriften Liberation Serif, men med alle andre serif font hvis man ikke er tilgjengelig, bruk

body {font-family: "Liberation Serif", serif; }

Legg merke til at fordi fontnavnet har mer enn ett ord i det, er det sitatet (tale) tegn rundt det. Mellom de forskjellige skriftnavn eller typer, det er et komma.

For å gjøre dine avsnittene alle berettiget (slik at venstre og høyre kant er både rett), men med et innrykk i første linje, bruk

p {text-align: rettferdiggjøre;
text-indent: 0.5em; }

Slik slår du av understreking på linker og gjøre dem fet stedet, bruk

a {font-weight: bold;
text-decoration: none; }