Cum să setați textul și culoarea prim-plan cu proprietatea de culoare a foilor de stil în cascadă
Puteți controla culoarea textului pe o pagină web sau o secțiune (sau un element) a unei pagini web cu proprietatea de colorare a Foilor de stil Cascading. Pe lângă controlul culorii textului, puteți utiliza și proprietatea de culoare CSS pentru a seta culoarea pentru elementele de regulă și formă orizontală. Să aruncăm o privire la un exemplu care folosește proprietatea de culoare pentru a seta textul în deschidere

și închidere

etichetele la negru și culoarea pentru roșu.

Cod CSS de bază



Exemplu


textul merge aici




adresa ta de email



Fiecare regulă CSS conține un selector și un bloc de declarații. Blocul de declarație CSS este plasat între deschiderea {și închiderea} paranteze cretate și conține una sau mai multe perechi proprietate-valoare pentru fiecare selector.

selectori
p
formă
Prima regulă CSS din exemplul nostru controlează culoarea textului dintre oricare

etichete pe pagina noastră web. P din

tag este selectorul pentru această regulă și îi spune browserului să stabilească textul pe culoarea neagră. A doua regulă folosește selectorul de elemente de formular pentru etichetă pentru a seta culoarea roșie a textului „Adresa de e-mail”.

Proprietăți

culoare:
Proprietatea culorii este atributul care stabilește culoarea pentru text și culoarea prim-plan. În exemplul nostru, proprietatea culorii este utilizată pentru a seta culoarea atât pentru elementele p cât și pentru cele de formă. Observați că numele proprietății este urmat de un punct (:).

valori
#000000;
roșu;
Puteți utiliza numele culorii, codul de culoare hexadecimal sau codul de culoare RGB pentru a seta valoarea culorii. În exemplul nostru, am folosit codul de culoare hexadecimal (# 000000) pentru elementul p și numele culorii (roșu) pentru elementul de formă. Am fi putut folosi și codul de culori RGB rgb (100%, 0%, 0%). Observați că valoarea culorii este urmată de o virgulă (;).




Instrucțiuni Video,: Asana: Full Review (2019) (with timestamps) (Aprilie 2024).