Sida loo galiyo faallooyinka CSS

Ay ku jiraan faallooyinka ku jira CSS-gaaga waa mid faa'iido leh oo aad loogu taliyay.

Website kastaa wuxuu ka kooban yahay waxyaabo qaab-dhismeed (taas oo lagu tilmaamayo HTML) iyo sidoo kale qaabka muuqaalka ama "fiirso oo dareema" goobtaas. Cascading Style Sheets (CSS) waa waxa loo isticmaalo in lagu qeexo muuqaalka muuqaalka bogga. Noocyadaas waxaa laga reebayaa qaabka HTML si ay u oggolaadaan fududeynta casriyeynta iyo raacitaanka heerarka Webka.

Iyada oo qiyaasta cakiran ee bogagga intarneedka maanta, qaababka muuqaalku si dhakhso ah ayey u noqon karaan kuwo aad u dheer oo aad u adag in ay la shaqeeyaan. Tani waxay si gaar ah run u tahay markaad bilawdo waraaqaha warbaahinta ee qaababka shabakada ee jawaabta leh . Weydiimaha warbaahinta kaliya waxay ku dari karaan qadar cusub oo ah qaababka cusub ee dukumiintiga CSS isla markaana sii adkeynaya inay la shaqeeyaan. Tani waa halka laga helayo faallooyinka CSS waxay noqon karaan caawimo aad u qaali ah website-ka.

Ku darista faallooyinka faylasha CSS ee shabakada waa hab fiican oo lagu daro qaab dhismeedka qaybaha koodhka akhristaha aadanaha oo dib u eegaya dukumeentiga. Sidoo kale waa hab fiican oo lagu sharxi karo qaababka xirfadlayaasha websaydhka kuwaas oo laga yaabo in ay ka shaqeeyaan goobta mustaqbalka - oo ay ku jirto naftaada!

Ugu dambeyntii, si xeeladaysan ayaa lagu darey faallooyinka CSS-ga waxay ka dhigan doonaan qoraalka qaab fudud oo lagu fulinayo. Tani waa, runtii, muhiim u ah qoraallada qaab-dhismeedka ah oo la diyaarin doono kooxo. Faallooyinka waxaa loo isticmaali karaa in loo gudbiyo qaybaha muhiimka ah ee xaashida qaab-dhismeed ee xubnaha kala duwan ee kooxda oo aan aqoon u lahayn lambarka hore. Faallooyinkan sidoo kale waxay noqon karaan kuwo waxtar u leh dadka ka shaqeeyey goobta ka hor haddii ay ku soo noqdaan koodhka ka dib markii ay ka maqan yihiin muddo ka dib. Waxaan badanaaba ku qasbanahay in aan bogga internetka aan ku dhejiyo bilooyin ama xitaa sanado ka hor iyo in si wanaagsan loo qaabeeyey ee HTML iyo CSS waa caawimaad aad u soo dhaweyn leh! Xasuuso, sababtoo ah waxaad dhisaysay bog aan macnaheedu ahayn inaad xasuusan doonto sababta aad u samaysay waxyaabihii aad samaysay markii aad ku noqotid goobtaas mustaqbalka! Faallooyinka waxay ka dhigi kartaa ujeedooyinkaaga cad oo nadiif ah wixii ismaandhaaf ah ka hor inta aysan xitaa dhici.

Hal shay oo lagu fahmayo faallooyinka CSS waa in aysan soo bandhigin marka bogga uu sameeyo bogaga internetka. Faallooyinkaasi waa wargelin keliya, sida HTML-ga faallooyinka waa (inkastoo macnaha ereyga uu ka duwan yahay labadii). Faallooyinkan CSS ma saameynayaan muuqaalka muuqaalka ee goob kasta oo si haboon u muuqata koodhka laftiisa.

Ku darista CSS Faallooyinka

Ku darida faallooyinka CSS waa mid sahlan. Waxaad si fudud u furtaa faallooyinkaaga si furan oo furan ereyada faallooyinka:

Wax kasta oo u muuqda inta u dhaxaysa labadan tixraac waxay noqon doonaan wax ka kooban faallooyinka, muuqaalka keli keli keli ah oo aan ku sameeynin browserka.

Faallada CSS waxay noqon kartaa hal xariiq, ama waxay qaadan kartaa khadado badan. Waa kuwan tusaalaha hal xariiqa ah:

div # border_red {xadka: guduud adag oo khafiif ah; } / * Tusaale ahaan xuduudaha guduudan * /

Iyo tusaalayaal badan oo kala duwan:

/ ************************************************************************************************ ****** Style for code text **************************************************** **********************************

Jebinta Qeybaha Ka baxsan

Mid ka mid ah hababka aan inta badan u isticmaalo faallooyinka CSS waa in aan abaabulo xaashidaydii qaabka yar yar, si fudud oo aan si fudud loo cuni karin. Waxaan jecelahay inaan si sahlan u arko qaybahaan markaan u fiirsado faylka dambe. Si arrintan loo sameeyo, inta badan waxaan ku darayaa faallooyin badan oo isku xiran iyaga oo siiya si ay u bixiyaan jajab ballaaran oo muuqaal ah oo ku yaala bogga si sahlan loo arko marka aan si dhaqso ah ugu sii gudbo koodhka. Halkan waxaa ah tusaale:

/ * ----------------------- Noocyada Madaxa ----------------------- ------- * /

Marka aan arko mid ka mid ah faallooyinkaan koodhkayga, waxaan ogahay inay tahay bilawga qayb cusub oo ka mid ah dukumiintigaan, oo ii oggolaanaya inaan si sahlan u shaqeeyo oo isticmaalo koodhka.

& # 34; Faallaynta Dibadda & # 34; Code

Faallada faallooyinka waxay sidoo kale noqon kartaa mid wax ku ool ah habka dhabta ah ee codeynta iyo ka-hortagidda bog. Faallooyinka waxaa loo isticmaali karaa in "faallo" ama "xiro" aagagga koodhka si ay u arkaan waxa dhacaya haddii qaybtani aysan qayb ka ahayn bogga.

Siduu sidaas u shaqeynayaa? Waa hagaag, sababtoo ah qoraalada faallooyinka u sheegaan browser-yada inay iska indho-tiraan wax kasta oo u dhexeeya iyaga, waxaad u isticmaali kartaa inay si ku-meel-gaadh ah u jebiyaan qaybo ka mid ah CSS code. Tani waxay noqon kartaa mid waxtar leh marka la isdaba-saarayo, ama marka la isku hagaajinayo qaabeynta bogga Web-ka.

Si aad tan u sameyso, waxaad si fudud kuugu dhejin kartaa faallo furan oo ah meesha aad rabto in aad kumbuyuutarku bilowdo inaad naafo noqotid kadibna meel dhigo meesha aad rabto qaybta naafada. Wax kasta oo u dhaxeeya qoraaladaas ma saameyn doonaan muuqaalka muuqaalka goobta, adiga oo kuu ogolaanaya inaad ka hortagto CSS si aad u ogaato meesha dhibaatadu ka dhici karto. Waxaad markaa tagi kartaa isla markaasna hagaajin kartaa arrinkaa, kana soo saari kartaa faallooyinka ka soo horjeedka.

Talooyinka CSS Faallooyinka

Sida soo socota, halkan waxaa ku qoran tilmaamo aad ku xasuusato isticmaalka faallooyinka CSS-gaaga:

  1. Faallooyinka waxay kuxiran karaan khadado badan.
  2. Faallooyinka waxaa ku jiri kara xubno CSS ah oo aadan rabin inaad sameysey browser, laakiin aadan rabin inaad gebi ahaanba tirtirto. Tani waa hab fiican oo lagu baadho bogagga qaabka bogga - kaliya hubi inaad ka saarto qaababka aan la isticmaalin (marka laga reebo inay ka tagaan faallooyinka) haddii aad go'aansato inaadan ugu baahnayn bogga internetka
  3. Isticmaal faallooyin markasta oo aad ku qorto CSS adag oo lagu daro cadeyn iyo inaad u sheegto horumarinta mustaqbalka, ama naftaada mustaqbalka, waxyaabaha muhiimka ah ee ay tahay in ay ogaadaan. Tani waxay badbaadin doontaa wakhtiga horumarka mustaqbalka dhammaan dadka lugta ku leh.
  4. Faallooyinka waxay ku jiri karaan macluumaadka meta sida:
    • qoraa
    • taariikhda la sameeyay
    • macluumaadka copyright

Waxqabadka

Faallooyinka ayaa dhab ahaantii caawin kara, laakiin waa inaad ogaataa in faahfaahin dheeraad ah oo aad ku darto xaashida qaabka, farsamadu waxay noqon doontaa, kaas oo saameyn doona xawaaraha galka iyo waxqabadka. Tani waa walaac dhab ah, laakiin waa inaadan ka xishoonin inaad ku darto faallooyin wax ku ool ah oo sharci ah si aad uga cabsiiso in waxqabadka uu ku dhacayo. Xuddurrada CSS kuma dari karaan cadad wayn oo dukumenti ah. Waxaad ubaahnaan doontaa inaad ku darto TONS dariiqooyinka faallooyinka si aad saameyn weyn ugu yeelatid cabbirka faylka CSS. Ku darista faallooyin wax ku ool ah oo ku saabsan CSS-kaaga waa inaanay ku siin saameyn saafi ah oo ku saabsan xawaaraha bogga.

Ugu danbeyntii, waxaad u baahan doontaa inaad hesho dheelitirka udhaxeeya faallooyinka waxtar leh iyo faallooyin fara badan si aad u hesho faa'iidooyinka labadaba dukumentiyadaada CSS.

Maqaalka asalka ah ee Jennifer Krynin. Waxaa sameeyay Edited by Jeremy Girard on 7/5/17