Inline, enigita kaj ekstera stilo-folioj: Jen kion vi bezonas scii
Antaŭfina retejo-disvolviĝo ofte estas reprezentita kiel 3-kriza tabureto. Ĉi tiuj kruroj estas jenaj:
La dua kruro de ĉi tiu tabureto, CSS aŭ Cascading Style Sheets, estas kio ni rigardas ĉi tien hodiaŭ. Specife, ni volas trakti la 3 specojn de stiloj, kiujn vi povas aldoni al dokumento.
- Inline stiloj
- Inkluditaj stiloj
- Eksteraj stiloj
Ĉiu el ĉi tiuj specoj de CSS-stiloj havas siajn avantaĝojn kaj malfacilaĵojn, do ni pli profunde rigardu ĉiun el ili individue.
Inline Stiloj
Inline-stiloj estas stiloj, kiuj estas skribitaj rekte en la etikedo en la HTML-dokumento. Inlineaj stiloj tuŝas nur la specifan etikedon, kiun ili aplikas al. Jen ekzemplo de inlinea stilo aplikita al norma ligilo, aŭ ankrumilo, etikedo:
Ĉi tiu CSS-regulo turnus la normon subskribi tekston-dekoracion de ĉi tiu ligo. Tamen, ĝi ne ŝanĝus iun alian ligon en la paĝo. Ĉi tiu estas unu el la limigoj de inline stiloj. Pro tio ke ili nur ŝanĝas specifan eron, vi bezonus sendi vian HTML kun ĉi tiuj stiloj por atingi realan paĝon. Tio ne estas plej bona praktiko. Fakte, ĝi estas unu paŝo forigita de la tagoj de "tiparo" etikedoj kaj la miksaĵo de strukturo kaj stilo en retpaĝoj.
Inline-stiloj ankaŭ havas tre altan specifecon.
Ĉi tio tre malfacilas anstataŭigi ilin kun aliaj, ne-inlinaj stiloj. Ekzemple, se vi volas fari retejon respondema kaj ŝanĝi kiel ero rigardas iujn flankpunktojn per uzado de amaskomunikiloj , enlinaj stiloj sur elemento fariĝos tre malfacile fari.
Finfine, enlinaj stiloj vere nur taŭgas kiam tre malmulte uzataj.
Fakte, mi malofte iam uzas enlinajn stilojn en miaj retpaĝoj.
Embedditaj Stiloj
Embebitaj stiloj estas stiloj, kiuj estas enigitaj en la kapo de la dokumento. Inkluditaj stiloj tuŝas nur la etikedojn en la paĝo, kiun ili enkorpigis. Denove, ĉi tiu aliro neigas unu el la fortoj de CSS. Ĉar ĉiu paĝo havus stilojn en la
, se vi volis fari tutmonde ŝanĝon, kiel ŝanĝi la koloron de ligoj de ruĝa al verda, vi bezonus ĉi tiun ŝanĝon en ĉiu paĝo, ĉar ĉiu paĝo uzas enmetitan stilon. Ĉi tio estas pli bona ol inlinaj stiloj, sed ankoraŭ estas problemata en multaj okazoj.
Stilfolioj aldonitaj al la
de dokumento ankaŭ aldonas gravan kvanton de marko-kodo al tiu paĝo, kiu ankaŭ povas pli facile administri la paĝon en la estonteco.
La profito de enkorpigitaj stilo-folioj estas, ke la ŝarĝo tuj kun la paĝo mem, anstataŭ postuli aliajn eksterajn dosierojn ŝarĝi. Ĉi tio povas esti profito de elŝuta rapido kaj agado perspektivo .
Eksteraj Stiloj
Plej multaj retejoj nun uzas eksterajn stilojn. Eksteraj stiloj estas stiloj, kiuj estas skribitaj en aparta dokumento kaj poste kunigitaj al diversaj TTT-dokumentoj. Eksteraj ligiloj povas tuŝi iun dokumenton, kiun ili alkroĉas, kio signifas, ke se vi havas 20-paĝajn retejojn, kie ĉiu paĝo uzas la saman stilon (ĉi tio estas tipe kiel ĝi estas farita), vi povas fari vidalan ŝanĝon al ĉiu de tiuj paĝoj simple redaktante tiun stilon.
Ĉi tio faras longan tempa administrado multe pli facila.
La malavantaĝo al eksteraj stilo-folioj estas, ke ili postulas paĝojn por serĉi kaj ŝarĝi ĉi tiujn eksterajn dosierojn. Ne ĉiu paĝo uzos ĉiun stilon en la CSS-folio, tiom multe da paĝoj ŝarĝos multe pli grandan CSS-paĝon ol tio vere bezonas.
Se bone estas vera, ke ekzistas efika sukceso por eksteraj CSS-dosieroj, ĝi certe povas esti minimumigita. Realistike, CSS-dosieroj estas nur tekstaj dosieroj, do ili ĝenerale ne estas tre grandaj por komenci. Se via tuta retejo uzas 1 CSS-dosieron, vi ankaŭ ricevos la profiton de tiu dokumento esti kaŝmemora post kiam ĝi estas komence ŝarĝita.
Ĉi tio signifas, ke kelkaj vizitoj povus esti malpeza efikeco en la unua paĝo, sed postaj paĝoj uzos la kaŝitan CSS-dosieron, do ajna sukceso estus negata. Eksteraj CSS-dosieroj estas kiel mi konstruas ĉiujn miajn paĝojn.