CSS que afecta només el document actual
Quines són les fulles d'estil internes?
Els fulls d'estil interns són estils que es col·loquen en el document HTML . Aquests estils només afecten el document en què es troben, i no es pot fer referència a cap altre document web.
Avantatges de fulls d'estil intern
- Els fulls d'estil interns només afecten la pàgina on estan.
- Si esteu treballant en un lloc gran i necessiteu provar els estils abans de carregar-los al conjunt del lloc, els fulls d'estil interns poden ser una gran eina. Us permeten provar els estils en el context de tot el lloc sense trencar cap pàgina, però la que esteu provant.
- Els fulls d'estil interns poden utilitzar classes i identificadors.
- A diferència dels estils en línia, els fulls d'estil interns encara poden aprofitar classes, identitats, germans i altres elements.
- Els fulls d'estil interns no requereixen que carregueu diversos fitxers.
- Això és especialment útil quan treballeu amb coses com ara el correu electrònic o els quioscos on només teniu disponible un fitxer HTML per editar-lo. Sovint utilitzo estils en línia quan no estic segur de quin serà l'URL d'un full d'estils carregat en un CMS : mantenir els estils amb el document significa que sé quins estils afecten aquest document.
- Els estils interns poden tenir una major prioritat que els fulls d'estils externs.
- Això es determina per l'ordre en què es carreguen els fulls d'estils externs. El desenvolupador web de la pàgina té control sobre on es col·locaran els estils interns al capdavant del document. Si es col·loquen després de l'enllaç als estils externs , tindran una major prioritat a la cascada i superaran el full d'estils extern.
Desavantatges de les fulles d'estil internes
- Afecten només la pàgina on estan.
- Si voleu utilitzar els mateixos estils en diversos documents, heu de repetir-los per a cada pàgina (o enllaçar-vos a un full d'estils extern ).
- Els fulls d'estil intern augmenten els temps de càrrega de la pàgina.
- Cada pàgina que tingui un full d'estil intern ha de carregar i analitzar la informació del full d'estils cada vegada que es carrega la pàgina. Els navegadors naveguen pels fulls d'estils externs, que milloren els temps de càrrega de cada pàgina després de carregar la primera.
Com escriure una fulla d'estil intern
element:
- Obriu un document HTML al vostre editor web .
- Afegiu el següent a l'interior de
Un full d'estil intern complet seria així: