Modalități de conectare a stilurilor CSS la un document html, zura-blog

Moduri de conectare a stilurilor CSS la un document HTML

Primul mod de conectare a stilurilor la CSS se numește "legări" pentru această metodă utilizând foi de stil externe. Deschideți notepade ++ și creați un document nou, salvați acest document ca stil.css. Creați un folder numit CSS și în acest dosar este plasat fișierul style.css în CSS dosar avem nevoie pentru a localiza toate fișierele cu CSS. Fișierul stil.css trebuie să fie în acest dosar. Pașii următori, acum trebuie să conectăm acest fișier la documentul HTML.







Primul atribut este "href"

Acest atribut va indica browserului în care fișierul style.css este localizat în fișierul style.css al dosarului CSS

prin urmare, înainte de tag-ul de închidere prescrie eticheta "link"

Al doilea atribut care este specificat după atributul "href" este atributul "type"

Al doilea atribut este "tip"

Trebuie să specificați tipul de document plug-in după = „style.css css /“ „tip“ href prescrie atribut este pe și citate indică tipul de document, textul de pe bară oblică și css

Următorul atribut este atributul "rel" înseamnă "interconectare" este egal cu noi, iar în ghilimele valoarea "stylesheet".







Nu contează din atributele "type" sau "rel" pe care le scrieți mai întâi după atributul "href"

Codul de mai sus leagă între foile de stil cascadă și html-page. când browserul se va deschide html-page atunci, datorită acestui cod, el leagă această pagină cod html .


Pentru unul html-pagini puteți conecta mai multe coduri. După ce am conectat foaia de stil, deschideți fișierul style.css cu ajutorul lui notepad ++ și completați fișierul n-număr de stiluri.


De exemplu:

Fiecare stil este format din două elemente, este un selector și o pereche de valori ale proprietății.

Următorul mod este să conectați stilurile direct în codul HTML prin eticheta de stil. Această etichetă vă permite să scrieți stilul direct în html-page.

Pentru a utiliza această metodă, trebuie mai întâi să scrieți etichete