Kiel Konstrui Ekstera Stilo-Folio

Uzanta CSS-ejon Wide

Retejoj estas kombinaĵo de stilo kaj strukturo, kaj en la retejo de hodiaŭ, ĝi estas plej bona praktiko por konservi ĉi tiujn du aspektojn de retejo aparte unu de la alia.

HTML ĉiam estis kio provizas retejon kun ĝia strukturo. En la fruaj tagoj de la Retejo, HTML ankaŭ enhavis stilajn informojn. Elementoj kiel la etikedo estis dissenditaj tra la HTML-kodo, aldonante aspekton kaj senton de informo kune kun struktura informo. La retejo-norma movado pelis nin ŝanĝi ĉi tiun praktikon kaj anstataŭe pushi ĉiujn stilajn informojn en CSS aŭ Kaskadajn Stilfoliojn. Prenante ĉi tien paŝon pli, nunaj rekomendoj estas, ke vi uzas tion, kio estas nomata "ekstera stilo-folio" por la bezonoj de via retejo.

Avantaĝoj kaj Malavantaĝoj de Eksteraj Stiloj

Unu el la plej bonaj aferoj pri Cascading Style Sheets estas, ke vi povas uzi ilin por konservi vian tutan retejon. La plej facila maniero de fari ĉi tion estas ligo aŭ importado de ekstera stilo-folio . Se vi uzas la saman eksteran stilon por ĉiu paĝo de via retejo, vi povas esti certa, ke ĉiuj paĝoj havas la saman stilon. Vi ankaŭ povas fari ĝin pli facila fari ŝanĝojn por la estonteco. Ĉar ĉiuj paĝoj uzas la saman eksteran stilon, ajna ŝanĝo al ĉi tiu folio efikos ĉiun paĝaron. Ĉi tio multe pli multe ol devas ŝanĝi ĉiun paĝon individue!

Avantaĝoj de Eksteraj Stiloj

  • Vi povas kontroli la aspekton kaj senton de pluraj dokumentoj samtempe.
    • Ĉi tio estas speciale utila se vi laboras kun teamo de homoj por krei vian retejon. Multaj stilaj reguloj povas esti malfacile memori, kaj se vi eble havas presitan stilon, ĝi estas neevitebla kaj tedaŭge senĉese movi ĝin por determini, ĉu ekzemplo de teksto estas skribita en 12 punktoj Arial-tiparo aŭ 14-punkta kuriero. Havante ĉion en unu loko, kaj ekde tiu loko ankaŭ estas kie vi faros ŝanĝojn, vi povas fari bontenadon multe pli facila.
  • Vi povas krei klasojn de stiloj, kiuj povas esti uzataj en multaj malsamaj HTML-elementoj .
    • Se vi ofte uzas certan tiparon por emfazi diversajn aferojn en via paĝo, vi povas uzi klasan atributon, kiun vi starigis en via stilo por akiri ĉi tiun aspekton kaj senton, anstataŭ difini specifan stilon por ĉiu kazo de la emfazo.
  • Vi povas facile grupigi viajn stilojn por esti pli efikaj.
    • Ĉiuj grupaj metodoj, kiuj estas disponebla al CSS, povas esti uzataj en eksteraj stiloj, kaj ĉi tio provizas al vi pli da kontrolo kaj fleksebleco sur viaj paĝoj.

Malavantaĝoj de Eksteraj Stiloj

  • Eksteraj ligiloj povas pliigi la elŝutadon, precipe se ili estas ekstreme grandaj. Ĉar la CSS-dosiero estas aparta dokumento, kiu devas esti ŝarĝita, ĝi efikos efikecon por plenumi tiun elŝuton.
  • Eksteraj stilo-folioj fariĝas tre rapide, ĉar malfacile scii, kiam stilo ne plu uzas ĉar ĝi ne forigas kiam la paĝo estas forigita. Propra administrado de viaj CSS-dosieroj estas grava, precipe se multaj homoj laboras en la sama dosiero.
  • Se vi nur havas unu-paĝan retejon, havante ekstera dosiero por CSS eble ne necesas, ĉar vi nur havas tiun paĝon al stilo. Multaj el la profitoj de eksteraj CSS perdiĝas kiam vi havas nur unu paĝon.

Kiel krei Ekstera Stilo-Folio

Eksteraj ligiloj estas kreitaj per simila sintakso al dokumentaj nivelaj folioj. Tamen, ĉio, kion vi devas inkluzivi, estas la elektilo kaj la deklaro. Same kiel en dokumento-nivela stilo-folio, la sintakso por regulo estas:

selector {propraĵo: valoro;}

Konservu ĉi tiujn regulojn en teksta dosieron kun la etendo .css. Ĉi tio ne estas necesa, sed ĝi estas bona kutimo eniri, do vi tuj povas rekoni viajn stilfoliojn en dosierujo.

Unufoje vi havas stilon de dokumenta stilo, vi devas ligi ĝin al viaj TTT-paĝoj . Ĉi tio povas esti farita de du manieroj:

  1. Ligo
    1. Por ligi stilon, vi uzas la HTML-etikedon. Ĉi tio havas la atributojn rel , tipo , kaj href . La rekta atributo diras, kion vi ligas (en ĉi tiu kazo stilfolio), la tipo difinas la MIME-Tipo por la retumilo, kaj la href estas la vojo al la .css-dosiero.
  2. Importante
    1. Vi uzus importitan stilon de biletoj ene de dokumenta nivelo-stila folio por ke vi povu importi la atributojn de ekstera stilo-folio dum ne perdi ajnajn dokumentojn. Vi alvokas ĝin simile al nomado de ligitaj stilo-folio, nur ĝi devas esti nomita ene de dokumento-nivela stilo-deklaro. Vi povas importi multajn eksterajn foliojn kiel vi bezonas por subteni vian retejon.

Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 8/8/17