Există 3 moduri de a conecta stilurile CSS la site-ul dvs.: puteți utiliza stilurile globale CSS adăugând reguli CSS în container
document HTML, puteți adăuga un link către un fișier .css extern care conține toate normele necesare și de a folosi CSS interne pentru a aplica reguli pentru un anumit element. În acest tutorial, vom examina toate cele trei opțiuni pentru conectarea CSS, pentru a afla avantajele și dezavantajele acestora.Opțiunea 1 - CSS globală
Global CSS este plasat într-un container
pagina specifică. În cadrul acestei opțiuni, conectați clase și identificatori (ID) pot fi utilizate pentru a se referi la codul CSS, cu toate acestea, ele vor fi active numai pe această pagină specială. stiluri CSS sunt conectate în acest fel sunt descărcate de fiecare dată când reîncărcați pagina, astfel încât acestea pot afecta viteza de descărcare. Cu toate acestea, există mai multe situații în care utilizarea CSS globală poate fi utilă. De exemplu, în cazul în care aveți nevoie pentru a trimite cuiva un șablon de pagină - vă va fi mult mai ușor de a oferi un rezultat preliminar, în cazul în care totul este pe aceeași pagină. CSS globală este plasată între etichete . Iată un exemplu de foaie de stil globală:- Foaia de stil afectează numai o singură pagină.
- Clasele și codurile pot fi utilizate în CSS globale.
- Nu este nevoie să descărcați mai multe fișiere. HTML și CSS pot fi în același fișier.
Dezavantaje ale CSS globale:
- A crescut timpul de încărcare a paginii.
- Se conectează la o singură pagină - ineficientă dacă doriți să utilizați același CSS pentru mai multe pagini.