Si të krijoni një fletë të jashtme të stilit

Duke përdorur CSS Site Wide

Faqet e internetit janë një kombinim i stilit dhe strukturës, dhe në rrjetin e sotëm, është një praktikë e mirë për t'i mbajtur këto dy aspekte të një vendi të ndarë nga njëri-tjetri.

HTML ka qenë gjithmonë ajo që ofron një faqe me strukturën e saj. Në ditët e hershme të Web-it, HTML përmbante gjithashtu informacion stili. Elementë si tag ishin të mbushura përgjatë kodit HTML, duke shtuar pamjen dhe ndjenjën e informacionit së bashku me informacionin strukturor. Lëvizja e standardeve të internetit na shtynë të ndryshojmë këtë praktikë dhe në vend të kësaj të shtyjmë të gjithë informacionin e stilit në CSS ose Cascading Style Sheets. Duke marrë këtë një hap më tej, rekomandimet aktuale janë që ju përdorni atë që njihet si një "fletë e jashtme e stilit" për nevojat tuaja të stilit të internetit.

Avantazhet dhe disavantazhet e fletëve të jashtme të stilit

Një nga gjërat më të mira rreth Cascading Style Sheets është se ju mund t'i përdorni ato për të mbajtur gjithë faqen tuaj të qëndrueshme. Mënyra më e lehtë për ta bërë këtë është lidhja ose importimi i një fletëje të jashtme të stilit . Nëse përdorni të njëjtën fletë të stilit të jashtëm për çdo faqe të faqes tuaj, mund të jeni i sigurt se të gjitha faqet do të kenë të njëjtin stil. Ju gjithashtu mund ta bëni më të lehtë për të bërë ndryshime për të ardhmen. Meqenëse çdo faqe përdor të njëjtën fletë të stilit të jashtëm, çdo ndryshim në atë fletë do të ndikojë në çdo faqe të faqes. Kjo është shumë më mirë sesa të ndryshosh çdo faqe në mënyrë individuale!

Avantazhet e fletëve të jashtme të stilit

  • Ju mund të kontrolloni pamjen dhe ndjenjën e disa dokumenteve në të njëjtën kohë.
    • Kjo është veçanërisht e dobishme nëse punoni me një grup njerëzish për të krijuar faqen tuaj të internetit. Shumë rregulla të stilit mund të jenë të vështira për t'u kujtuar, dhe ndërsa mund të keni një udhëzues të stilit të shtypur, është joefikase dhe e lodhshme të vazhdohet vazhdimisht përmes saj për të përcaktuar nëse teksti i shembullit duhet të shkruhet në 12 pika të fontit Arial ose 14 korrierësh. Duke pasur gjithçka në një vend, dhe që nga ai vend është gjithashtu aty ku do të bëni ndryshime, mund të bëni mirëmbajtjen shumë më të lehtë.
  • Ju mund të krijoni klasa të stileve që pastaj mund të përdoren në shumë elementë të ndryshëm HTML .
    • Nëse shpesh përdorin një stil të caktuar të shkronjave për të dhënë theksin në gjëra të ndryshme në faqen tënde, mund të përdorni një atribut të klasës që keni ngritur në fletën tuaj të stilit për të marrë këtë pamje dhe ndjenjë, në vend që të përcaktojë një stil të veçantë për çdo rast të theksi.
  • Ju lehtë mund t'i gruponi stilet tuaja për të qenë më efikas.
    • Të gjitha metodat e grupimit që janë në dispozicion për CSS mund të përdoren në fletët e stilit të jashtëm, dhe kjo ju ofron më shumë kontroll dhe fleksibilitet në faqet tuaja.

Disavantazhet e fletëve të jashtme të stilit

  • Fletët e stilit të jashtëm mund të rrisin kohën e shkarkimit, veçanërisht nëse ato janë jashtëzakonisht të mëdha. Meqë skedari CSS është një dokument i veçantë që duhet të ngarkohet, do të ndikojë në performancën për të kryer atë shkarkim.
  • Fletët e stilit të jashtëm marrin shumë shpejt pasi është e vështirë të thuhet kur një stil nuk është më në përdorim, sepse nuk fshihet kur largohet faqja. Menaxhimi i duhur i skedarëve tuaj CSS është i rëndësishëm, veçanërisht nëse shumë njerëz punojnë në skedarin e njëjtë.
  • Nëse keni vetëm një faqe interneti të një faqeje, të paturit e një skedari të jashtëm për CSS nuk mund të jetë e nevojshme pasi që keni vetëm një faqe në stil. Shumë nga përfitimet e CSS të jashtëm humbasin kur keni vetëm një faqe të vetme faqe.

Si të krijoni një fletë të jashtme të stilit

Fletët e stilit të jashtëm krijohen me një sintaksë të ngjashme për të dokumentuar stilet e stilit të dokumentit. Megjithatë, të gjitha që ju duhet të përfshini janë përzgjedhësi dhe deklarata. Ashtu si në një dokument stil të nivelit të dokumentit, sintaksa për një rregull është:

përzgjedhësi {property: value;}

Ruani këto rregulla në një skedar teksti me shtrirjen .css. Kjo nuk është e nevojshme, por është një zakon i mirë për të hyrë, kështu që menjëherë mund të njihni fletët e stilit tuaj në një listë të listave.

Pasi të keni një dokument të dokumentit të stilit, duhet ta lidhni atë me faqet tuaja Web . Kjo mund të bëhet në dy mënyra:

  1. Lidhja e
    1. Në mënyrë që të lidhni një fletë stili, përdorni tagin HTML. Kjo ka atributet rel , type , dhe href . Atributi rel tregon atë që po lidh (në këtë rast një fletë stili), lloji përcakton MIME-Type për shfletuesin dhe href është rruga për skedarin .css.
  2. Importimi
    1. Ju do të përdorni një fletë stili të importuar brenda një skeme stil të nivelit të dokumentit në mënyrë që të mund të importoheni atributet e një fletëje të stilit të jashtëm duke mos humbur ndonjë dokument specifik. Ju e quani atë në mënyrë të ngjashme me thirrjen e një fletëje stil të lidhur, vetëm ajo duhet të thirret brenda një deklarate stili të nivelit të dokumentit. Ju mund të importoni sa më shumë fletë të stilit të jashtëm si ju duhet të mbani faqen tuaj të internetit.

Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard më 8-08-17