În primul rând, să examinăm proprietățile responsabile cu colorarea elementelor de pagină, precum și proprietățile CSS utilizate în lucrul cu imaginea de fundal.
Puteți specifica culoarea în CSS în două moduri (pentru mai multe detalii, consultați aici.)
Culoarea textului
Proprietatea de culoare este utilizată pentru a seta culoarea textului elementului.
De exemplu, utilizând proprietatea de culoare, puteți seta culoarea textului pentru întreaga pagină, culoarea textului unui singur paragraf sau ale tuturor paragrafelor paginii, culoarea textului antetului sau într-o celulă de tabel și așa mai departe.
Proprietatea este aplicabilă tuturor elementelor.
W Adăugați culoarea textului pentru paragrafele din acest document.
A Creați, de asemenea, un stil care se aplică primelor litere ale fiecărui paragraf!
Un fragment de cod dintr-un fișier cu stiluri:
Atribuiți culoarea textului pentru paragrafele din acest document.
Și, de asemenea, creați un stil care se aplică primelor litere ale fiecărui paragraf!
Culoarea de fundal
Proprietatea de culoare de fundal este utilizată pentru a seta culoarea de fundal a elementului.
Proprietatea este aplicabilă tuturor elementelor.
Setați culoarea de fundal.
Pentru toate paragrafele paginii curente.
Setați culoarea de fundal.
Pentru toate paragrafele paginii curente.
Imagine de fundal
Proprietatea imagine-fundal este utilizată pentru a seta imaginea de fundal a unui element.
Dacă imaginea este mică (mai puțin spațiu ocupat de element), se va repeta atât vertical cât și orizontal, până când ocupă întreaga zonă pe care o ocupă elementul.
Proprietatea este aplicabilă tuturor elementelor.
Pinguinul este imaginea de fond a acestui paragraf.
Pinguinul este imaginea de fond a acestui paragraf.
Repetarea imaginii de fundal
Proprietatea de repetare a fundalului specifică direcția în care va fi repetată imaginea de fundal.
Valorile repetării-x și repetării-y stabilesc repetarea imaginii de fundal, respectiv, orizontal și vertical.
Valoarea nr. Repetare anulează repetarea imaginii.
Dacă proprietatea nu este specificată sau este specificată o valoare repetată. atunci imaginea de fundal se repetă atât pe verticală, cât și pe orizontală, după cum se vede în exemplul anterior pentru proprietatea imaginii de fundal.
Proprietatea este aplicabilă tuturor elementelor.
Pinguinul este imaginea de fond a acestui paragraf. Și nu se repetă!
Pinguinul este imaginea de fond a acestui paragraf. Și nu se repetă!
Amplasarea imaginii de fundal
Poziția fondului de poziție specifică poziția imaginii de fundal a elementului în raport cu colțul din stânga sus.
Poziția imaginii poate fi setată pe baza cuvintelor cheie: stânga. dreapta. centru. top. de jos. și în unitățile adoptate în CSS (pentru mai multe detalii, consultați aici).
Proprietatea este aplicabilă elementelor bloc (pentru mai multe detalii, consultați aici.).
Implicit, imaginea de fundal este situată în colțul din stânga sus al elementului. Am găsit-o în partea de jos a zonei ocupate de acest paragraf, schimbând 120 de pixeli spre dreapta.
Implicit, imaginea de fundal este situată în colțul din stânga sus al elementului. Am găsit-o în partea de jos a zonei ocupate de acest paragraf, schimbând 120 de pixeli spre dreapta.
Blocarea imaginii de fundal
Proprietatea de atașament de fundal specifică dacă imaginea de fundal se rotește împreună cu conținutul elementului - valoarea de defilare sau va fi fixată - fixată.
Proprietatea este aplicabilă tuturor elementelor.
Proprietatea universală
Proprietatea de fond este o proprietate generică care vă permite să specificați în același timp valorile tuturor proprietăților asociate cu fundalul unui element și imaginii de fundal.
Valorile proprietății sunt indicate de un spațiu, în orice ordine. Un browser determină automat dacă valoarea aparține proprietății.
Nu este necesar să specificați valorile tuturor proprietăților. Proprietățile implicite sunt atribuite proprietăților care nu sunt utilizate.
Proprietatea este aplicabilă tuturor elementelor.
În acest paragraf, utilizând proprietatea de fond, am aplicat trei proprietăți legate de fundalul elementului și imaginea de fundal, indicând numai valorile proprietăților prin spațiu. Imaginea de fundal este pinguinul. Este deplasată spre dreapta și nu se repetă. Culoarea de fundal a elementului nu este specificată și, în mod implicit, este albă.
În acest paragraf, utilizând proprietatea de fond, am aplicat trei proprietăți legate de fundalul elementului și imaginea de fundal, indicând numai valorile proprietăților prin spațiu. Imaginea de fundal este pinguinul. Este deplasată spre dreapta și nu se repetă. Culoarea de fundal a elementului nu este specificată și, în mod implicit, este albă.
Articole similare
Trimiteți-le prietenilor: