Când un browser web încarcă o pagină web, modul în care apare este determinat de informațiile dintr-o foaie de stil cascadă. Există trei moduri în care un fișier HTML să folosească o foaie de stil: extern, intern și in-line.
Fișele de stil interne și în linie sunt stocate în fișierul HTML în sine. Sunt ușor de lucrat în acest moment, dar pentru că nu sunt stocate într-o locație centrală, este imposibil să se facă ușor modificări stilului pe întregul site simultan; trebuie să reveniți în fiecare intrare și să o schimbați manual.
Cu toate acestea, cu o foaie de stil externă, instrucțiunile de redare a paginii sunt stocate într-un singur fișier, ceea ce face foarte ușor editare stilului într-un întreg site web sau în mai multe elemente. Fișierul folosește extensia de fișier .CSS și un link către locația acelui fișier este inclus în documentul HTML, astfel încât browserul web să știe unde să caute instrucțiunile de stil.
Unul sau mai multe documente se pot conecta la același fișier CSS, iar un site web ar putea avea multe fișiere CSS unice pentru a modela pagini, tabele, imagini etc.
Cum să conectați o foaie de stil externă
Fiecare pagină web care dorește să utilizeze o anumită foaie de stil externă trebuie să fie conectată la fișierul CSS din interiorul
secțiune, după cum urmează:
În acest exemplu, singurul lucru care trebuie modificat pentru a se aplica la propriul document este styles.css text. Aceasta este locația fișierului dvs. CSS.
Dacă fișierul este de fapt apelat styles.css și este localizat în exact același folder ca și documentul care se leagă de el, atunci poate rămâne exact așa cum se citește mai sus. Cu toate acestea, este posibil ca fișierul dvs. CSS să fie intitulat altceva, caz în care puteți schimba numele de la "stiluri" la ceea ce este al tău.
Dacă fișierul CSS nu se află la rădăcina acestui dosar, ci într-un subfolder, s-ar putea să se citească ceva de genul acesta:
Mai multe informații despre fișierele CSS externe
Cel mai mare beneficiu al foilor de stil externe este că nu sunt legate de nicio pagină specifică. Dacă stilul este realizat intern sau în linie, alte pagini de pe site nu pot indica aceste preferințe de stil.
Cu stilul exterior, totuși, același fișier CSS poate fi folosit pentru fiecare pagină de pe pagină, astfel încât toate acestea să aibă un aspect uniform și editarea conținutului CSS al întregului site este extrem de ușor și centralizat.
Puteți vedea cum funcționează mai jos …
Stilul intern necesită utilizarea
Cu toate acestea, deoarece foile de stil externe sunt conținute în fișierul propriu, ele pot fi create astfel și înseamnă același lucru ca și proba de mai sus:
corp {fundal-culoare: verde; } h1 {culoare: albastru; margin-stânga: 15px; }
În aceste exemple, stilul inline se aplică numai acelei pagini, evident de faptul că este conținut în detaliile antetului paginii HTML. Cu cel de-al doilea exemplu, informațiile despre CSS se află într-un fișier CSS pe care orice pagină îl poate lega de utilizarea codului din Cum să conectați o foaie de stil externă de mai sus.
