Cum să setați fundalul site-ului?
Dacă nu știi deja cum să setați fundalul site-ului, va fi de ajutor pentru a citi acest articol. Din aceasta vă va învăța cum să setați o imagine ca imagine de fundal, setați parametrii pentru afișarea acestuia, sau pur și simplu umple fundalul cu o anumită culoare.
CSS pentru a ne ajuta
După cum probabil ați ghicit, setați fundalul, vom fi prin adăugarea de stiluri CSS la obiect html. Pentru afișarea elementului de fond corespunde unui fond de proprietate universal. Dacă doriți să adăugați un fundal la un element particular, apoi adăugați proprietăți CSS la ID-ul sau clasa sa. Dacă tot site-ul, apoi la tag-ul corpului sau identificatorul (clasa) a containerului (învelișul), în cazul în care se suprapune corpului. În acest articol, în exemple, vom lucra cu corpul elementului.
Se umple de culoare
Să începem cu cel mai simplu - umple o anumită culoare. Pentru a face acest lucru trebuie să știm doar codul de culoare, iar proprietatea CSS background-color.
Acest cod va seta un fundal negru solid pentru site-ul tau. Ca o culoare de fundal poate fi selectată de către oricare alta, prin schimbarea codului său.
Dacă aplicați un fundal umple pentru un anumit element, de exemplu, pentru antet (H1-H6), punctul (p), și altele. Asigurați-vă că culoarea textului nu se va amesteca în fundal și să nu piardă lizibilitatea. Utilizați proprietatea de culoare pentru a schimba culoarea textului.
imagine de fundal
Imaginea de fundal pentru elementul stabilit de proprietate background-image, în care valoarea utilizată pentru a ruta fișier grafic. Calea fișierului este stabilită de URL-ul de proiectare (
Se recomandă să se înceapă un dosar separat pentru toate imaginile și să specificați o cale absolută la dosar, și anume din folderul rădăcină. Acest lucru va îmbunătăți structura site-ului dvs. și nu va cauza probleme în cazul în care vă decideți să schimbați locația fișierului CSS.
Dacă utilizați o imagine de fundal, se recomandă simultan cu umplere de culoare specificată (proprietate de fundal de culoare). În acest caz, în cazul în care imaginea este încărcată (imaginea nu este disponibilă pentru orice motiv, utilizatorul are imagini dezactivat) sau încărcat cu o întârziere (imaginea este încărcată complet în interiorul paginii), va fi afișat un fundal umple locul imaginii, sau până când este complet încărcată .
Două proprietăți ale exemplului dat mai sus pot fi combinate într-o singură, folosind fundalul proprietății universal.
fundalul
proprietate de fundal universal permite setarea tuturor parametrilor imaginii de fundal pe o singură linie. Luați în considerare opțiunile disponibile.
Ordinea de valori pot fi arbitrare, iar în cazul în care o proprietate nu este specificat, se utilizează valoarea implicită.
background-attachment
Această proprietate determină dacă sulurile de imagine de fundal, împreună cu conținutul elementului. Dacă doriți să stabilească imaginea, utilizați valoarea fixă. În acest caz, imaginea va fi stabilită atunci când derulați conținutul paginii. Dacă doriți mișcările de imagine cu conținutul site-ului, utilizați valoarea scroll. Valoarea implicită este setată pentru a defila.
background-position
Dacă setați o imagine de fundal, această proprietate specifică poziția sa inițială. Ea are două valori separate printr-un spațiu: poziția poziție orizontală și verticală. Valorile pot fi setate folosind cuvintele cheie: stânga dreapta jos centru sus. Clasament ei nu este important. În cazul în care valorile sunt date în procente, pixeli, etc. primul indică valoarea pe orizontală și apoi vertical. Poziția implicită este setată la colțul din stânga sus (stânga sus).
fundal repetare
Specifică modul în care repetarea unei imagini de fundal. Sa (repeat-x) poate fi repetată numai pe orizontală sau numai pe verticală (repeat-y), sau atât pe orizontală cât și pe verticală (repetare), sau fără repetarea, în general (fără repetare). Valoarea implicită este setată să se repete.
Folosit pentru a specifica în mod explicit proprietățile de moștenire ale elementului mamă.