Wat is 'n eksterne stylblad?

Eksterne CSS Definisie en hoe om te koppel aan een

Wanneer 'n webblaaier 'n webblad oplaai, word die manier waarop dit verskyn, bepaal deur inligting uit 'n cascading style sheet. Daar is drie maniere om 'n HTML-lêer te gebruik om 'n style te gebruik: ekstern, intern en inlyn.

Interne en in-lyn style sheets word gestoor in die HTML-lêer self. Hulle is maklik om mee te werk, maar omdat dit nie op 'n sentrale plek gestoor word nie, is dit onmoontlik om vinnig die stilering oor die hele webwerf gelyktydig te verander; jy moet eerder in elke inskrywing teruggaan en dit handmatig verander.

Met 'n eksterne stylblad word die instruksies vir die lewering van die bladsy egter in 'n enkele lêer gestoor, wat dit baie maklik maak om die stilering oor 'n hele webwerf of verskeie elemente te wysig. Die lêer gebruik die. CSS-lêeruitbreiding, en 'n skakel na die ligging van daardie lêer is in die HTML-dokument ingesluit sodat die webblaaier weet waar om die stileringsinstruksies te soek.

Een of meer dokumente kan na dieselfde CSS-lêer skakel, en 'n webwerf kan baie unieke CSS-lêers bevat om verskillende bladsye, tabelle, beelde, ens. Te styl.

Hoe om te skakel na 'n eksterne stylblad

Elke webblad wat 'n bepaalde eksterne stylblad wil gebruik, moet in die afdeling , soos volg, na die CSS-lêer skakel.

In hierdie voorbeeld is die enigste ding wat nodig is om dit op jou eie dokument te maak, die style.css- teks. Dit is die ligging van jou CSS-lêer.

As die lêer eintlik styles.css genoem word en in dieselfde gids voorkom as die dokument wat daaraan gekoppel word, kan dit presies bly soos dit hierbo lees. Die kans is egter dat jou CSS-lêer iets anders genoem word, in welke geval jy die naam net van "style" kan verander na alles wat jou s'n is.

As die CSS-lêer nie in die wortel van hierdie vouer is nie, maar eerder in 'n subgids, kan dit so iets in plaas daarvan lees:

Meer inligting oor eksterne CSS lêers

Die grootste voordeel van eksterne style sheets is dat hulle nie gekoppel is aan enige spesifieke bladsy nie. As stilering intern of in die lyn uitgevoer word, kan ander bladsye op die webwerf nie na die stylvoorkeure verwys nie.

Met eksterne stilering kan egter dieselfde CSS-lêer gebruik word vir letterlik elke bladsy op die webwerf sodat almal 'n eenvormige voorkoms het, en die redigering van die inhoud van die hele webwerf is baie maklik en gesentraliseer.

Jy kan sien hoe dit hieronder werk ...

Interne stilering vereis die gebruik van