Come formattare il testo sul vostro sito web con il Raspberry Pi

È possibile modificare alcune proprietà di alterare come il testo del tuo sito web appare sullo schermo con il Raspberry Pi. Tutto ciò è possibile aggiungere per rendere il vostro sito web più appetibili incoraggerà la gente a continuare a visitare il tuo sito. Le proprietà si possono cambiare sono

  • font-family: Il carattere usato per visualizzare una pagina web dipende da ciò che i caratteri computer del visitatore ha installato. È possibile utilizzare questa proprietà per specificare un elenco di caratteri si preferisce utilizzare per il testo, iniziando con la prima preferenza, e il tuo lavoro fino a ultimo ricorso se le scelte precedenti non sono disponibili.

    Tu non sai cosa font qualcuno ha sul suo computer per visualizzare la pagina web, e le caratteri utilizzati per il Raspberry Pi non sarà sulla maggior parte dei computer. E 'bene quindi che è anche possibile specificare un tipo generico di carattere da utilizzare, ad esempio serif, sans-serif o monospace (dove ogni lettera ha la stessa larghezza).
  • font-size: Utilizzare questa proprietà per modificare le dimensioni del testo. Gli utenti dovrebbero essere in controllo definitivo di come grande testo è, usando le loro impostazioni del browser, ma è possibile specificare quanto grande volete un pezzo di testo ad essere, rispetto a quello che sarebbe stato altrimenti. Ci sono un paio di modi diversi per specificare questo, ma il più semplice è quello di utilizzare una percentuale (come il 150%).
  • font-style: Impostare questo in corsivo per rendere il testo in corsivo. Se hai testo in corsivo che si vuole fare non-corsivo, impostare il font-style alla normalità.
  • font-weight: Impostare questo audace per rendere il testo in grassetto. Se hai testo in grassetto che si vuole fare unbold, impostare lo stile del carattere normale.
  • text-decoration: Impostare questo per sottolineare a sottolineare il testo, e per nessuno, se non si vuole il testo da sottolineare. Perché i visitatori del sito aspettano testo sottolineato di essere un collegamento, è raramente una buona idea per sottolineare qualsiasi altro testo.
  • text-align: Dare questa proprietà un valore di sinistra, destra, centro, o giustificare per specificare come il testo è allineato.
  • text-indent: Usare questo per impostare un rientro per la prima riga di testo. Un valore di 1em rientrare la prima riga per la larghezza di una lettera m. È possibile utilizzare altri numeri anche, come 0.5em, 1.5em o 2em.

È possibile formattare molti testi di modi diversi utilizzando questi. Ad esempio, se si voleva fare tutto il testo nella pagina serif, si usa

body {font-family: serif; }

Se si voleva indicare che la pagina deve essere visualizzato perfettamente con il font Liberation Serif, ma con qualsiasi altro tipo di carattere serif se che uno non è disponibile, l'uso

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

Si noti che, poiché il nome del font è più di una parola in esso, ci sono di quotazione (discorso) segni intorno ad esso. Tra i diversi nomi dei caratteri o tipi, c'è una virgola.

Per rendere i paragrafi tutto giustificato (in modo che i bordi sinistro e destro sono entrambi diritto), ma con un rientro in prima linea, l'uso

p {text-align: justify;
text-indent: 0.5em; }

Per disattivare la sottolineatura sui collegamenti e renderli audaci, invece, l'uso

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