Il-Benefiċċji tal-Folji tal-Istil Cascading

Akkwista l-fatti ma 'dan il-kors qasir tas-CSS

Folji ta 'stil Cascading għandhom ħafna benefiċċji. Jippermettu li tuża l-istess folja tal-istil fuq il-websajt kollha tiegħek. Hemm żewġ modi biex tagħmel dan:

1. li tgħaqqad ma 'l-element LINK
2. jimporta bil-kmand ta 'l-importazzjoni
   2. @import url ('http://www.yoursite.com/styles.css');

Vantaġġi u Żvantaġġi ta 'Folji ta' Style Esterni

Waħda mill-aqwa affarijiet dwar il-folji ta 'l-istil li jaqtgħu hija li tista' tużahom biex iżżomm is-sit tiegħek konsistenti. L-eħfef mod biex tagħmel dan huwa li torbot jew timporta folja ta 'stil estern. Jekk tuża l-istess folja stil esterna għal kull paġna tas-sit tiegħek, tista 'tkun żgur li l-paġni kollha jkollhom l-istess stili.

Uħud mill-vantaġġi li jużaw folji ta 'stil esterni jinkludu li inti tista' tikkontrolla d-dehra u n-numru ta 'diversi dokumenti f'daqqa. Dan huwa speċjalment utli jekk taħdem ma 'tim ta' nies biex toħloq il-websajt tiegħek. Ħafna regoli ta 'l-istil jistgħu jkunu diffiċli biex wieħed jiftakar, u filwaqt li jista' jkollok gwida ta 'l-istil stampat, huwa tedious li jkollok tinfetaħ kontinwament biex tiddetermina jekk it-test ta' l-eżempju għandux jinkiteb f'12 font ta 'punt Arial jew messaġġ ta'

Tista 'toħloq klassijiet ta' stili li jistgħu mbagħad jintużaw fuq ħafna elementi HTML differenti. Jekk ta 'spiss tuża' font Wingdings speċjali biex tagħti enfasi lill-affarijiet varji fuq il-paġna tiegħek, tista 'tuża l-klassi Wingdings li twaqqaf fil-karta tal-istil tiegħek biex toħloqhom minflok ma tiddefinixxi stil speċifiku għal kull każ tal-enfasi.

Tista 'faċilment tiġbor stili tiegħek biex ikunu aktar effiċjenti. Il-metodi kollha ta 'raggruppament li huma disponibbli għal CSS jistgħu jintużaw f'folji ta' stil esterni, u dan jagħtik aktar kontroll u flessibilità fuq il-paġni tiegħek.

Dak kollu li ntqal, hemm ukoll raġunijiet tajbin ħafna biex ma jintużawx stili ta 'stil esterni. Għal waħda, jistgħu jżidu l-ħin tat-tniżżil jekk tgħaqqadhom ma 'ħafna minnhom.

Kull darba li toħloq fajl CSS ġdid u rabta jew timportaha fid-dokument tiegħek, dan jeħtieġ li l-Web browser jagħmel sejħa oħra lis-server tal-Web biex jikseb il-fajl. U s-sejħiet tas-sejħa jnaqqsu l-ħin tat-tagħbija tal-paġna

Jekk għandek biss numru żgħir ta 'stili, jistgħu jżidu l-kumplessità tal-paġna tiegħek.
Minħabba li l-istili mhumiex viżibbli sew fl-HTML, kull min iħares lejn il-paġna għandu jikseb dokument ieħor (il-fajl CSS) biex insemmu x'inhu għaddej.

Kif toħloq folja ta 'stil estern

Folji ta 'stil esterni huma miktuba bl-istess mod bħal folji ta' stil inkorporati u inline. Imma dak kollu li għandek bżonn tikteb huwa l-istil selettur u d- dikjarazzjoni . M'għandekx bżonn element STYLE jew attribut fid-dokument.

Bħal fil-każ tas-CSS l-oħra kollha, is-sintassi għal regola hija:

selettur {proprjetà: valur; }

Dawn ir-regoli jinkitbu f'fajl ta 'test bl-estensjoni .css. Per eżempju, inti tista 'ssemmi l-istil tal-karta tal-istil tiegħek styles.css.

Ladarba jkollok dokument tal-karta tal-istil, ikollok bżonn torbot mal-paġni tal-Web tiegħek. Kif semmejt hawn fuq, dan isir b'żewġ modi.

Rabta tad-Dokumenti tas-CSS

Sabiex tgħaqqad folja ta 'stil, tuża l-element LINK. Dan għandu l-attributi rel u href. L-attribut rel jgħidlekx lill-browser dak li qed tgħaqqad (f'dan il-każ folja ta 'stil) u l-attribut href iżomm it-triq għall-fajl CSS.

Hemm ukoll tip ta 'attribut fakultattiv li tista' tuża biex tiddefinixxi t-tip MIME tad-dokument marbut. Dan mhux meħtieġ f'HTML5, iżda għandu jintuża f'dokumenti HTML 4.

Hawn hu l-kodiċi li tuża biex torbot folja stil CSS imsejħa styles.css:

U f'dokument HTML 4 inti tikteb:

type = "text / css" >

Importazzjoni ta 'Sheets ta' Style CSS

Il-folji tal-istil importati huma mqiegħda fi ħdan l-element STYLE. Tista 'mbagħad tuża stili inkorporati kif ukoll jekk tixtieq. Tista 'wkoll tinkludi stili importati ġewwa folji ta' stil konnessi. Fid-dokument STYLE jew CSS, ikteb:

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