Definirea externă a CSS și modul de conectare la unul
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 de internet 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, iar 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 styling.
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ă facă legătura cu fișierul CSS din secțiunea , după cum urmează:
În acest exemplu, singurul lucru care trebuie modificat pentru a se aplica propriului document este textul styles.css . Aceasta este locația fișierului dvs. CSS.
Dacă fișierul este numit stilul styles.css și este localizat în exact același folder ca documentul care se leagă de el, atunci acesta 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 etichetelor