March 10
Durante la programmazione siti web dinamici, il "text-transform" proprietà di Cascading Style Sheet (CSS) codice può aiutare a coprire per i tempi in cui gli utenti dimenticano di capitalizzare i titoli. Se si desidera che tutto in maiuscolo o no-cap titoli dei menu, "text-transform" sarà anche aiutare a separare il contenuto da stile facendo la conversione in maiuscolo o minuscolo per voi. L'applicazione di questa proprietà nei CSS, invece di digitare il testo che si desidera che appaia in HTML rende più facile per tornare alla capitalizzazione regolare.
1 Aprire il file HTML per la pagina Web e trovare il testo tag contenente si desidera convertire in maiuscole o lettere minuscole. Questo può essere un tag <p> per un paragrafo o un tag <div> per un'intera sezione della pagina.
2 Aggiungere un attributo class al tag e dargli un valore come "maiuscolo" o "nocaps". Questo è il vostro nuovo nome di classe per l'uso in CSS. Qui è un tag con una classe:
<P class = "allcaps"> un paragrafo tutto in maiuscolo ... </ p>
È possibile assegnare più di un nome di classe a un tag. Se il tag contiene già un nome di classe diversa, aggiungere uno spazio dopo il nome della classe e scrivere quello nuovo. Ecco un esempio:
<P class = "allcaps blu"> Un blu, tutto in maiuscolo paragrafo ... </ p>
3 Aprire il file CSS esterno per il tuo sito. Trova il nome del file e il percorso del file CSS, cercando al "href" attributi del <link> tag verso la parte superiore del codice HTML. Aggiungere il codice tra i tag <style> all'interno del tag <head> del file HTML se non si utilizza un file CSS esterno o non siete sicuri.
4 Scrivi il tuo selettore CSS per "selezionare" il tag in cui si desidera cambiare il caso di testo e quindi impostare la proprietà "text-transform" per il valore desiderato. Ci sono tre valori per questa proprietà: maiuscole, minuscole e capitalizzare. Utilizzare "capitalizzare" di capitalizzare la prima lettera di ogni parola nel testo. Ecco come il vostro CSS potrebbe essere:
.allcaps p {text-transform: uppercase;}
.nocaps td {text-transform: minuscolo;}
.initalcap h1 {text-transform: capitalizzare;}