Adăugarea de stil la o pagină web, lecții, WebReference

Pentru a adăuga o foaie de stil într-o pagină web, există mai multe moduri în care diferă în caracteristici și scopul lor. Apoi, noi le considerăm în detaliu.

foaie de stil extern

Stiluri sunt situate într-un fișier separat cu extensia css, pentru a lega documentul HTML cu un element CSS-fișier este utilizat . Acesta este situat în interiorul . așa cum se arată în exemplul 1.

Exemplul 1: Conectarea stiluri externe

Rel valoarea atributului y stylesheet și întotdeauna va rămâne neschimbat. Deoarece valoarea href este calea către CSS-fișier; cale poate fi specificată ca o rudă sau absolută. Rețineți că, în acest fel puteți conecta o foaie de stil, care este într-un alt site. In exemplul de mai sus, includem Lobster font chirilic cu site-ul fonturi Google.

fișier style.css conținut prezentat în Exemplul 2.

Exemplul 2. Conținutul fișierului style.css

După cum se poate observa din acest exemplu, fișierul stilul este un fișier text simplu și conține doar sintaxa CSS. La rândul său, documentul HTML conține doar un pointer la un fișier cu un stil, un mod de a pune în aplicare pe deplin principiul separării codului și design al site-ului. Prin urmare, utilizarea foilor de stil externe - modul cel mai versatil și convenabil pentru a adăuga stilul de pe site-ul tau. Acest lucru vă permite să editați independent, fișiere HTML și CSS.

foaie de stil intern

Stiluri sunt scrise în documentul HTML în cadrul elementului