Cum se face un fund fix pentru un site

Există situații în care trebuie să arătați utilizatorului un fel de informații, indiferent de locul paginii html pe care o citește în prezent. Ie Este necesar să se facă astfel încât textul să fie derulat, iar o zonă să rămână în poziție și era mereu în fața ochilor vizitatorului.







Cum se face un fund fix pentru un site

Sunt de acord că acesta este un efect foarte interesant și util?

Să dăm seama cum se poate face acest lucru în practică. Există mai multe moduri în care acest lucru poate fi atins, dar mă voi concentra pe cele mai moderne dintre ele - poziționarea fixă ​​utilizând stilurile CSS.







Pentru a înțelege cum funcționează totul, trebuie să creați o html pagină de test și să creați două blocuri în ea

.

De fapt, această poziționare a elementului în locul potrivit al ecranului se face numai cu ajutorul unei singure poziții CSS: proprietate fixă. Vedeți cum poate fi folosită în practică.

ID-ul subsolului, pe care l-am indicat mai devreme pentru etichetă

, Atribuiți stilurile CSS.

poziție: fixă; - poziția blocului este fixă ​​și nu își schimbă poziția.
fund: 0px; - acest bloc ar trebui să fie în partea de jos a paginii html.

Următoarele proprietăți sunt responsabile pentru afișarea aspectului blocului astfel încât acesta să poată fi distins de textul principal:

text-align: centru; - alinierea textului după centru
fundal: # 990000; - culoarea de fundal
culoare: #FFFFFF; - culoarea textului
lățime: 100%; - lățimea paginii

Asta e tot. Acum puteți vedea rezultatul în browser. Sper că ați reușit.

În același mod, puteți remedia poziția aproape a oricărui bloc din pagina html.

Aici este o proprietate interesantă a stilurilor CSS. Utilizați-l pentru propriul dvs. beneficiu.

Poate că veți fi interesat de serviciul de aspect al paginilor mele. Apoi, faceți clic pe linkul de mai jos pentru a afla mai multe despre acest lucru.







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: