Maxay yihiin Xaanshida Cascading Style?
Websaydhadu waxay ka koobanyihiin dhowr qaybood oo shakhsi ah, oo ay ku jiraan sawirrada, qoraalka, iyo dukumiintiyo kala duwan. Dukumiintiyadan ma aha oo keliya kuwa ku xiran boggaga kala duwan, sida faylasha PDF, laakiin sidoo kale dukumiintiyada loo isticmaalo in lagu dhiso bogaga naftooda, sida dukumiintiyada HTML si loo ogaado qaabka bogga iyo CSS (Dukumintiyada Cascading Style) si ay u xaddidaan muuqaalka bogga. Maqaalkani wuxuu u gudbin doonaa CSS, isagoo daboolaya waxa ay tahay iyo halka laga isticmaalo boggaga maanta.
Casharka Taariikhda CSS
CSS waxaa markii ugu horreysay lagu sameeyay 1997-kii si loogu daro horumarinta websaydhka si ay u qeexaan muuqaalka muuqaalka bogagga shabakadda ee ay abuurayaan. Waxaa loogu talagaley in ay u oggolaato xirfadlayaasha websaydhka in ay kala soocaan content iyo qaab-dhismeedka shabakadda internetka ee naqshadaha muuqaalka ah, wax aan horay loo suura galin waqtigan.
Kala saarista qaabdhismeedka iyo qaabka waxay u oggolaaneysaa HTML in uu sameeyo wax badan oo ka mid ah shaqada asal ahaan ku salaysan - calaamad ujeedada, iyada oo aanad ka walwalsaneyn naqshadda iyo qaabeynta bogga laftiisa, wax badan oo loo yaqaan "look and feel" ee bogga.
CSS ma helin caan ah illaa qiyaastii 2000, marka daalacashada webkuna ay bilaabeen isticmaalka wax ka badan qoraalka aasaasiga ah iyo qaababka midabka ee luqaddan calaamadda. Maanta, dhammaan shabakadaha casriga ah waxay taageeraan dhammaan CSS Heerka 1, inta badan CSS Heerka 2, iyo xitaa inta badan ee CSS Heerka 3. Marka CSS sii wadaan horumarinta iyo qaababka cusub ee la soo bandhigay, daalacayaasha webka ayaa bilaabay in ay hirgeliyaan nidaamyo keenaya taageerada cusub ee CSS-ka ee daalacashada kuwaas oo siinaya naqshadeeyayaasha websadaha qalabka cusub ee xoogga leh si ay ula shaqeeyaan.
Sanadihii hore (badanaa), waxaa jiray xulayaal naqshadeeyay oo diiday in ay adeegsadaan CSS qaabka iyo horumarinta goobaha websaydka, laakiin dhaqankaas oo dhan waa uu ka tagay warshadaha maanta. CSS waa imtixaan aad u ballaaran oo loogu talagalay naqshadeynta shabakada waxaana kugu adkaan doonta inaad raadsato qof kasta oo ka shaqeeya warshadda maanta oo aan lahayn ugu yaraan faham asaasi ah oo ku saabsan luqaddan.
CSS waa soo koobid
Sida hore loogu sheegay, ereyga CSS wuxuu u taagan yahay "Cascading Style Sheet." Aynu ereyadan jebin waxoogaa si buuxda u sharaxo waxa dukumiintiyadan sameeyaan.
Ereyga "style sheet" wuxuu loola jeedaa dukumintiga laftiisa (sida HTML, faylasha CSS dhab ahaantii waa qoraallo qoraal ah oo lagu diyaarin karo barnaamijyo kala duwan). Xaashiyaha qaab-dhismeedka ayaa loo isticmaalay qaabka dukumeentiga sanado badan. Waxay yihiin farsamooyinka farsameed ee qaabeynta, ha daabacaan ama internetka. Naqshadeeyayaashu waxay leeyihiin qaabab badan oo la istcimaalo si loo hubiyo in nashqadooda ay si sax ah u daabacan yihiin tayadooda. Xaashida qaab-dhismeed ee bogga shabakadu waxay u adeegtaa ujeedadaas, laakin la shaqeynta shaqooyinka dheeraadka ah ee sidoo kale u sheegaysa browserka webka sida loo dhiibo dukumiintiga la eego. Maanta, waraaqaha qaabka CSS waxay sidoo kale isticmaali karaan waraaqo warbaahineed si ay u bedelaan sida bogga u eegayo aaladaha kala duwan iyo qiyaasta sawirka . Tani waa arrin aad u muhiim ah tan iyo markii loo ogolaado hal dokumenti HTML ah in si kala duwan loo sameeyo si waafaqsan shaashadda loo isticmaalo si loo helo.
Cascade waa qayb ka mid ah qaybta gaarka ah ee ereyga "xaashida qaababka cascading". Qoraalka qaabka shabakadda waxaa loogu talagalay in uu ku soo rogo qaabab kala duwan oo ku qoran xaashida, sida webiga oo ka badan biyaha. Biyo ku jira webiga ayaa ku dhuftey dhagaxyada oo dhan dhagaxyada, laakiin kaliya kuwa hoose ayaa saameeya halka ay biyuhu ku soconayaan. Isla sidaas oo kale waa runta qashinka ee shabakadaha qaabka bogga.
Bog kasta oo webka ah waxaa saameeya ugu yaraan hal warqad style, xitaa haddii naqshadeeyaha nambarka uusan ku dabaqeyn nooc kasta. Xaashidan qaab-dhismeedka waa xaashida qaabka wakiilka user - sidoo kale loo yaqaano qaababka caadiga ah ee shabakadda webka ay u isticmaali doonto si ay u muujiso bog haddii aysan jirin tilmaamo kale. Tusaale ahaan, waxaa loo yaqaan 'hyperlinks default' oo ah mid buluug ah, waana lagu soo koobay. Noocyadaasi waxay ka yimaadaan xaashida qaabka caadiga ah ee browserka. Haddii naqshadeeyaha shabakadu bixiyaa tilmaamo kale, si kastaba ha ahaatee, browserka wuxuu u baahan doonaa inuu ogaado tilmaamaha hordhaca ah. Dhamaan daalacayaashu waxay leeyihiin noocyo isdaba-joog ah, laakiin qaar badan oo ka mid ah kuwan la midka ah (sida linkaha buluuga ah ee hoos ku qoran) ayaa lagu wadaagaa dhamaantood ama badiyaa shabakadaha waawayn iyo muuqaalada.
Tusaale kale oo ka mid ah browserka default, ee shabakaddayda internetka, font default waa " Times New Roman " oo lagu soo bandhigay cabbirka 16. Si kastaba ha ahaatee mid ka mid ah boggaga aan ku soo booqdo bandhigka ee fontka iyo xajmiga, si kastaba ha ahaatee. Tani waa sababta oo ah cascade wuxuu qeexayaa xaashiyadaha labaad ee qaabka, kuwaas oo ay dejiyaan naqshadayaasha, si ay u cusbooneysiiso cabbirka cabbirka iyo qoyska, oo ka dhigaya khariidadahayga shabakada internetka. Qodobbada qaab-dhismeedka ee aad u sameysatid bogga internetka waxay yeelan doonaan qaas u gaar ah marka loo eego qaababka caadiga ah ee browserka, markaa kuwa soo celiya waxay ku xiran yahiin kaliya haddii xaashidaada yaryar aysan ku dhaafin. Haddii aad rabto inaad isku xirto buluug iyo hoosta, waxaad ubaahantahay inaad wax sameyso tan iyo markii ay taasi tahay mid iska caadi ah, laakiin haddii feylka CSS-ka ee ku qoran yahay in xiriirku uu noqon doono mid cagaaran, midabkani wuxuu khasaari doonaa midabka buluugga ah. Qodobka hoosta ayaa ku sii jiri doona tusaalahan, maadaama aanad si kale sheegin.
Xaggee CSS Isticmaalaa?
CSS ayaa sidoo kale loo isticmaali karaa in lagu qeexo sida bogagga internetka loo eego marka laga eego warbaahinta kale marka loo eego barta internetka. Tusaale ahaan, waxaad samayn kartaa xaashi qoraal ah oo qeexaya sida bogga internetku u daabacan yahay. Sababtoo ah alaabta bogga ah ee sida shabakadaha navigation ama foomamka shabakadu ma laha ujeedo bogga daabacan, Xaashida "Print Style Sheet" waxaa loo isticmaali karaa "in la xiro" meelahaas marka bogga la daabaco. In kastoo aan dhab ahaantii ku dhaqmin goobo badan, ikhtiyaarrada lagu abuurayo xaashiyo daabacan waa mid xoogan oo soo jiidasho leh (waayo-aragnimadayda - badanaa xirfadlayaasha websaydku ma samayn karaan tan sababtoo ah miisaaniyadda miisaaniyadda ee maaha inay wacdo shaqadan dheeriga ah ee la sameeyo ).
Maxay CSS muhiim u tahay?
CSS waa mid ka mid ah qalabka ugu awoodda badan ee naqshadeeyaha webka uu baran karo sababtoo ah waxa aad saameyn kartaa muuqaalka muuqaalka ee shabakada oo dhan. Qoraalka qaabka qoraalka ah ayaa si dhaqso ah loo cusbooneysiin karaa oo u oggolaan karaa goobaha in ay isbaddelaan waxa ugu muhiimsan ee muuqaalka shaashadda, taas oo muujinaysa qiimaha iyo diiradda dadka soo booqda, iyada oo aan wax isbeddel ah u baahnayn in lagu sameeyo astaanta HTML-ka.
Caqabadda ugu weyn ee CSS waa in ay jirto waxoogaa in la barto - iyo daalacayaashu isbeddelaan maalin kasta, waxa fiican ee shaqeeya maanta maahan mid macquul ah berrito maaddaama qaababka cusub ay noqdaan kuwo taageersan kuwa kalena ay hoos u dhacaan .
Sababtoo ah CSS-du waxay isku rogi kartaa oo isku dari kartaa, oo ay ka fekereyso sida daalacayaasha kala duwan u turjumi karaan una hirgelin karaan tilmaamaha si kala duwan, CSS waxay noqon kartaa mid ka adag tan HTML-ga ah. CSS ayaa sidoo kale isbeddelaya daalacashada habka ay HTML uuga muuqato. Markaad isticmaasho CSS, markaa, waxaad arki doontaa in daadinta awoodda qaababka muuqaalku ay ku siin doonaan dabacsanaan aan la rumaysan karin oo ku saabsan sida aad uqoreeysiiso bogagga shabakadda oo qeexaan aragtidooda iyo dareenkooda. Marka aad jidka ku sii jirtid, waxaad kuxirri doontaa "boorsooyinka khibradaha" ee qaababka iyo qaababka horey u soo shaqeeyay horey iyo aad u noqon kartid mar labaad markaad dhiseyso websaydh cusub mustaqbalka.
Maqaalka asalka ah ee Jennifer Krynin. Waxaa sameeyay Edited by Jeremy Girard on 7/5/17,