CSS Guida di colore dei caratteri

November 28

CSS Guida di colore dei caratteri


CSS è uno strumento molto potente nella creazione di siti web. Esso consente di apportare modifiche su larga scala per l'aspetto generale e anche il layout di un sito utilizzando solo poche righe di codice, e può semplificare sia il lavoro di codifica di un sito e la documentazione del codice sorgente finiti. Cambiare il colore di un blocco di testo è una delle cose più semplici che si possono fare in CSS, di solito richiede meno di un linea completa di codice aggiuntivo.

I colori che definiscono i CSS

È possibile definire un colore in tre modi in CSS. Se si tratta di un colore di base, spesso è possibile semplicemente scrivere il nome standard per esso nel codice. Altrimenti, è possibile utilizzare un codice esadecimale, che si presenta come un cancelletto seguito da sei caratteri alfanumerici, o un valore RGB, che consiste del testo "rgb" seguito senza uno spazio da un insieme di parentesi contenente tre numeri separati da virgole . E 'del tutto fino a preferenze personali che si usa. Vedere la sezione Risorse per uno strumento online per aiutare a generare codici esadecimali o valori RGB.

singolo paragrafi

Cambiare il colore dei caratteri di un singolo paragrafo con i CSS è facile come l'aggiunta di un po 'di codice aggiuntivo per tag di apertura di paragrafo che del paragrafo (<p>). Aggiungere uno spazio dopo il p, e lo stile code = "" immediatamente prima della parentesi di chiusura. È quindi possibile aggiungere il colore si desidera che il testo sia (in una qualsiasi delle tre forme) tra le virgolette. Questo attributo stile è un piccolo pezzo di codice CSS inserita direttamente nel codice HTML, e non compromette nulla al di fuori dei tag di paragrafo è aggiunto al.

tutto il testo

Per cambiare il colore di tutto il testo in una pagina (o, nel caso di pagine utilizzando un file CSS separato, tutto il testo in ogni pagina utilizzando tale file), aggiungere una nuova riga di codice all'interno del vostro CSS (sia nella testa del file HTML o nel file CSS separato). Il codice dovrebbe essere simile a questo: p {color:;}. Inserire il colore si desidera che il testo sia (in una qualsiasi delle forme) immediatamente prima del punto e virgola.

I paragrafi multipli

È inoltre possibile modificare il colore di alcuni paragrafi, ma non tutti, in un modo più semplice di aggiungere individualmente l'attributo di stile ad ogni tag di paragrafo si desidera modificare. Per fare ciò, inserire lo stesso codice esatto nel CSS come si farebbe per cambiare tutto il testo, tranne aggiungere un punto e un nome di classe (può essere qualsiasi parola singola si desidera), senza spazi, seguendo la "p". Ad esempio, se si voleva testo blu e chiamato il "bluetext," classe il codice sarebbe simile a questa: p.bluetext {color: blue;}. Quindi, aggiungere il codice class = "bluetext" nel tag di apertura del paragrafo di ogni blocco di testo che si desidera modificare, facendoli apparire come questo: <p class = "bluetext">. In questo modo, se si vuole cambiare tutti in un secondo momento, o si dispone di un valore esadecimale complesso di entrare, piuttosto che un nome di colore, la codifica è molto più facile su di voi.