Conectați foile de stil la html

Conectați foile de stil la html

Ce sunt foile de stil?

În primele etape ale dezvoltării HTML, atribute speciale au fost folosite pentru a schimba aspectul elementelor. Acest lucru vă permite să controlați indentarea, culoarea textului, dimensiunile blocurilor și alte tipuri de stil. Această abordare era limitată. Internetul nu a încetat să se dezvolte, iar organizațiile comerciale mari căutau modalități de îmbunătățire a aspectului site-urilor, ceea ce le-ar permite să sporească vânzările și să păstreze atenția utilizatorilor.







Conectarea foilor de stil vă permite să separați structura documentului, compilate cu HTML, de caracteristicile designului său vizual. Aceasta este o abordare foarte practică. Dacă aveți o pagină cu aspectul corect, puteți modifica aspectul prin conectarea unui alt fișier cu stiluri.







Limba de compilare a stilurilor în cascadă pentru toată perioada existenței a dobândit o mulțime de posibilități suplimentare. Nu este greu de învățat și absolut necesar pentru cei care doresc să se dezvolte în continuare în crearea de site-uri și aplicații web.

Conectarea stilurilor la o pagină

De obicei, elemente sunt situate în interior . Această abordare vă permite să structurați logic documentele și să separați aspectul principal de la auxiliar.

Pentru a determina relația dintre documentul curent și fișierul atașat, trebuie să setați atributul rel cu valoarea foii de stil. Acest lucru explică în mod explicit browser-ului că conținutul trebuie procesat ca o foaie de stil și aplicat la marcajul curent.

Rețineți că stilurile pot fi aplicate în document și fără atașarea unui fișier. Pentru a face acest lucru, trebuie să utilizați elementul “.

Următoarea este un exemplu în care conectați stilurile de cascadă care se află în același folder ca pagina HTML. Regulile pentru stil sunt date imediat după marcare. Trebuie să fie plasate într-un fișier numit style-exapmle.css.

Conectați foile de stil la html

Figura 1. Exemplu de utilizare a animațiilor CSS

Distribuie în rețelele sociale:







Articole similare

Trimiteți-le prietenilor: