La Profitoj de Kasacado Stilfolioj

Akiru la faktojn kun ĉi tiu CSS-mallonga kurso

Akvoforaj folioj havas multajn avantaĝojn. Ili permesas al vi uzi la saman stilon en via tuta retejo. Estas du manieroj fari ĉi tion:

1. ligi kun la LINK-elemento
2. importante kun la @import-komando
   2. @import url ('http://www.yoursite.com/styles.css');

Avantaĝoj kaj Malavantaĝoj de Eksteraj Stiloj

Unu el la plej bonaj aferoj pri akvoforaj folioj estas ke vi povas uzi ilin por konservi vian retejon koheran. 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 samajn stilojn.

Kelkaj avantaĝoj por uzi eksterajn foliojn inkluzivas, ke 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 tedinde devigi ĝin senĉese translokiĝi por determini, ĉu ekzemplo de teksto estas skribita en 12-punkta Arial-tiparo aŭ 14-punkta kuriero.

Vi povas krei klasojn de stiloj, kiuj povas esti uzataj en multaj malsamaj HTML-elementoj. Se vi ofte uzas specialan tiparon de Wingdings por emfazi diversajn aferojn en via paĝo, vi povas uzi la klason de Wingdings, kiujn vi starigis en via stilo, por krei ilin 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.

Dirite, ekzistas ankaŭ tre bonaj kialoj por ne uzi eksterajn foliojn. Por unu, ili povas pliigi la elŝuta tempo se vi ligas al multaj.

Ĉiufoje vi kreas novan CSS-dosieron kaj ligilon aŭ importas ĝin en vian dokumenton, kiu postulas la retumilon por fari alian alvokon al la servilo retejo por ricevi la dosieron. Kaj servilo vokas malrapida paĝo ŝarĝo tempoj.

Se vi nur havas malgrandan nombron da stiloj, ili povas pliigi la kompleksecon de via paĝo.
Ĉar la stiloj ne videblas ĝuste en la HTML, ĉiu ajn kiu rigardas la paĝon devas ricevi alian dokumenton (la CSS-dosieron) por elŝeligi tion, kio okazas.

Kiel krei Ekstera Stilo-Folio

Eksteraj ligiloj estas skribitaj de la sama maniero kiel enkorpigitaj kaj inlinaj stilfolioj. Sed ĉio, kion vi bezonas por skribi, estas la selectora stilo kaj la deklaro . Vi ne bezonas stilon elementon aŭ atributon en la dokumento.

Kiel kun ĉiuj aliaj CSS, la sintakso por regulo estas:

selector {propraĵo: valoro; }

Ĉi tiuj reguloj estas skribitaj al teksto-dosiero kun la etendo .css. Ekzemple, vi povus nomi vian stilon folio styles.css.

Unufoje vi havas stilon de dokumenta stilo, vi devas ligi ĝin al viaj TTT-paĝoj. Kiel mi menciis supre, ĉi tio fariĝas per du manieroj.

Ligo de CSS-Dokumentoj

Por ligi stilon, vi uzas la LINK-elementon. Ĉi tio havas la atributojn rel kaj href. La rekta atributo diras al la retumilo, kion vi ligas (en ĉi tiu kazo stilo-folio) kaj la komerca atributo tenas la vojon al la CSS-dosiero.

Ankaŭ estas laŭvola atributo, kiun vi povas uzi por difini la MIME-tipo de la ligita dokumento. Ĉi tio ne postulas en HTML5, sed devus esti uzata en HTML-4 dokumentoj.

Jen la kodo, kiun vi uzus por ligi CSS-stilon, nomitan styles.css:

Kaj en HTML-dokumento vi skribus:

type = "text / css" >

Importante CSS-Stilfoliojn

Importitaj stilaj folioj estas metitaj ene de la elemento STYLE. Vi povas tiam uzi enmetitajn stilojn ankaŭ, se vi ŝatas. Vi ankaŭ povas inkluzivi importitajn stilojn en ligitajn stilfoliojn. En la STILO aŭ CSS-dokumento, skribu:

@import url ('http://www.yoursite.com/styles.css');