Hoe meitsje in eksterne stylblêd

CSS Site breed brûke

Websiden binne in kombinaasje fan styl en struktuer, en op hjoeddeistige web is it in bêste praktyk om dizze twa aspekten fan in side te bewarjen fan elkoar.

HTML hat altyd west west dat wat in side mei har struktuer leveret. Yn 'e begjin dagen fan it web hawwe HTML ek stijlynformaasje ynfoege. Elements lykas it tag binne oer de HTML-koade fersmiten, it oanbieden fan ynformaasje oer te sjen en te finen njonken struktureel ynformaasje. De web-standertsbeweging joech ús ta om dizze praktyk te feroarjen en alle styl-ynformaasje yn CSS of Cascading Style Sheets te plakjen. Troch dit in stap fierder binne aktuele oanbefellingen dat jo brûke wat is bekend as in "eksterne stylblêd" foar jo webside styling needsaak.

Advten en nêst fan bûtenlânske stylblêden

Ien fan 'e bêste dingen oer Cascading Style Sheets is dat jo se brûke kinne om jo folsleine side konsekwint te hâlden. De maklikste manier om dit te dwaan is om in eksterne stylblêd te keppeljen of te ymportearjen. As jo ​​itselde eksterne stylblêd brûke foar elke side fan jo side, kinne jo der wis fan wêze dat alle siden itselde styl hawwe. Jo kinne it ek makliker meitsje om feroarings foar de takomst te meitsjen. Om't elke siden itselde eksterne stylblêd brûke, feroaret elke feroaring oan dat blêd elke side-side. Dit is folle better as jo alle persoanen individueel feroarje moatte!

Vorige siden fan bûtenlânske stylblêden

  • Jo kinne it look en gefoel fan ferskate dokuminten op ien kear kontrolearje.
    • Dit is benammen nuttich as jo wurkje mei in team fan minsken om jo webside te meitsjen. In protte stylregels kinne dreech wêze om te herinnearjen, en wylst jo in gedachte stijlriden hawwe kinne, is it net effisjint en langstme om troch te kontinujen troch te blokkearjen om te finen oft it foarbyldblok yn 12 punten skreaun wurdt as Arial-letter, of 14 puntenkurier. Troch alles yn ien plak te hawwen, en sûnt it plak is ek wêr't jo feroaringen meitsje kinne, kinne jo it ûnderhâld sa folle makliker meitsje.
  • Jo kinne klassen fan stilen meitsje dy't op ferskate HTML-eleminten brûke kinne .
    • As jo ​​in beskate lettertype styling brûke om foarkar te jaan oan ferskate dingen op jo side, kinne jo in klassifikaat brûke dat jo yn jo stylblêd ynsteld hawwe om dizze look en fiele te ûntfangen, ynstee fan in spesifike styl foar elke eksimplaar fan 'e klam.
  • Jo kinne jo stilen ienfâldich groeie om effektiver te wêzen.
    • Alle groepmetoaden dy't beskikber binne foar CSS kinne brûkt wurde yn eksterne stylblêden, en dit soarget jo mei mear kontrôle en fleksibiliteit op jo siden.

Nêst fan bûtenlânske stylblêden

  • Eksterne stylblêden kinne de downloadtiid ferheegje, benammen as se ekstreem grut binne. Sûnt de CSS-bestân is in aparte dokumint dat laden wurde moat, sil it ynfloed opfiere om dizze download út te fieren.
  • Eksterne stylblêden krije fluch tige fluch as it is net te fertellen as in styl net mear brûkt wurdt omdat it net wiske wurdt as de side fuortsmiten is. Proper management fan jo CSS bestannen is wichtich, benammen as meardere minsken wurkje op deselde triem.
  • As jo ​​allinich in side webside hawwe, hat in eksterne bestân foar CSS miskien net nedich, om't jo allinich ien side te styl hawwe. In protte fan 'e foardielen fan eksterne CSS binne ferlern as jo allinich in side webside hawwe.

Hoe meitsje in eksterne stylblêd

Eksterne stylblêden binne makke mei in ferlykbere syntaksje nei dokumintstylblêden. Jo moatte lykwols ek opnimme om de selector en de deklaraasje. Krekt sa as yn in stylblêd fan dokumint nivo, is it syntaksis foar in regel:

selector {property: value;}

Bewarje dizze regels yn in tekstbestân mei de útwreiding. Css. Dit is net nedich, mar it is in goeie gewoante om yn te kommen, sadat jo jo stylblêden daliks yn in directorylist werkenne kinne.

As jo ​​in stylblêd dokumint hawwe, moatte jo it oan jo websiden keppele. Dit kin op twa manieren dien wurde:

  1. Linking
    1. Om jo stylblêd te keppeljen brûke jo de HTML-tag. Dit hat de eigenskippen rel , type , en href . It relative attribus fertelt wat jo ferbine (yn dit gefal in stylblêd), it type definiet de MIME-type foar de browser, en de href is it paad nei de .css bestân.
  2. Ymportearje
    1. Jo soenen in ymporteare stylblêd brûke binnen in dokumintstylblêd sadat jo de attributen fan in ekstern stylblêd ymportearje kinne wylst jo gjin dokumint spesifike siden ferlieze. Jo neame op in soartige manier om in keppele stylblêd op te nimmen, allinich moat it berekkene wurde binnen in dokumintnivo-stylferbining. Jo kinne sa folle eksterne stylblêden ymportearje lykas jo jo webside bewarje moatte.

Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 8/8/17