Cum se construiește o foaie de stil CSS internă

Ce sunt foile de stil interne

Formatele de stil interne sunt stiluri care sunt plasate în documentul HTML. Aceste stiluri afectează numai documentul în care se află și nu pot fi menționate de nici un alt document Web.

Avantajele foilor de stil interne

Fișele de stil interne afectează numai pagina în care se află.
- Dacă lucrați pe un site mare și trebuie să testați stilurile înainte de a le încărca pe site în ansamblu, foile de stil interne pot fi un instrument excelent. Acestea vă permit să testați stilurile în contextul întregului site fără a rupe nicio pagină decât cea pe care o testați.
Fișele de stil interne pot folosi clase și ID-uri.
- Spre deosebire de stilurile inline, foile de stil interne pot beneficia în continuare de cursuri, ID-uri, frați și alte relații de elemente.
Fișele de stil interne nu necesită încărcarea mai multor fișiere.
- Acest lucru este util mai ales atunci când lucrați cu lucruri precum e-mail sau chioșcuri în care aveți doar un fișier HTML disponibil pentru a fi editat. Adesea folosesc stiluri inline atunci când nu sunt sigur ce ar fi adresa URL care ar fi o foaie de stil încărcată într-un CMS - păstrarea stilurilor cu documentul înseamnă că știu ce stiluri afectează documentul.
Stilurile interne pot avea o prioritate mai mare decât foile de stil externe.
- Acest lucru este determinat de ordinea în care foile de stil externe sunt încărcate. Dezvoltatorul Web al paginii are controlul asupra locului în care stilurile interne vor fi plasate în capul documentului. Dacă sunt plasate după legătura cu stilurile externe, acestea vor avea o prioritate mai mare în cascadă și vor depăși foaia de stil externă.

Dezavantajele foilor de stil interne

Acestea afectează numai pagina pe care se află.
- Dacă doriți să utilizați aceleași stiluri în mai multe documente, este necesar să le repetați pentru fiecare pagină (sau să vă conectați la o foaie de stil externă).
Foile de stil interne îmbunătățesc timpul de încărcare a paginilor.
- Fiecare pagină care are o foaie de stil internă trebuie să încarce și să analizeze informațiile din foaia de stil de fiecare dată când este încărcată pagina. Foile de stil externe sunt stocate în cache de browsere - ceea ce îmbunătățește timpul de încărcare pentru fiecare pagină după încărcarea primului.