Herka - waa maxay? sharaxaad faahfaahsan

HTML kulaylaha - geeddi-socodka dheer, adag, laakiin aad hal abuur leh. In kasta oo xaqiiqda ah in in inta badan ee dadka ka shaqeeya IT ee, bogagga web qaabka muuqan kara joogtada caajiso, khaas ah oo ay leeyihiin xirfad kiiska noocan oo kale ah, ma aha oo kaliya tayo fuliyaan hawsha, laakiin sidoo kale heli geedi raaxaysi la taaban karo.

Si kastaba ha ahaatee, ka hor inta aadan noqon coder khibrad leh, dhawaan soogale kasta waqti badan baranayay tilmaamaha iyo qaaska ah ee labada af HTML kala duwan ku bixisaa, iyo saaxiibkeed - CSS. About dhab ahaan waxa CSS, waxa ay tahay iyo waxa "dhegaha taatiko" kuu ogolaanaya in aad si aad u hesho ilaa, iyo sidoo kale mid ka mid ah hantida top - Mowqifka Qaraabo - maanta waxaan ka hadli doonaa.

Waa maxay CSS?

Gaabiyay CSS la soo guuriyeen karo iyo turjumay Ruush sida "go'yaal style fatahmaan". Waxay arrintu u muuqataa quruxsan qalaad - on gacanta ku hal, waxa ay u muuqataa cad, iyo erayada, oo dhinaca kale ah - macnaha guud waxaa isla markiiba ma qabsadeen. Bal aan ka bilowno garaadlaawaha - la style. technology kuu oggolaanayaa in aad ku lifaaqdo walxaha on bogga, sifooyinka qaar ku saabsan muuqaalka kore ee ah in aad iska diiwaan gelin kartaa kaliya hal mar iyo u isticmaali tiro aan la koobi karayn jeer.

Erayga "miiska" in turjumidda rasmiga ah ku dhowaad muuqday by shil - dhab ahaantii wax badan halkaan ku haboon noqon lahayd in ay isticmaalaan erayga "liiska" ama "liisaska", si kastaba ha ahaatee qorayaal turjumidda asalka go'aansaday in CSS ku eg badan liiska, iyo cidda aynu nahay sida uu haatan yahay si loo tijaabiyo.

Ugu dambeyntii, erayga "Cascade." Xaqiiqdu waxay tahay in element kasta yeelan karaan dhowr Hababka in lagu qasi karaa ama xitaa daboolaa. Xaaladaha noocaas ah, browser ah in uu door biday in ay set oo ah sharciyada, si ay u koobanahay muuqaalka kore ee block ah, taas oo soo baxday in Hababka dhowr, iyadoo mid ka mid ah, tusaale ahaan, waxa uu leeyahay hantida Herka caadiga ah, iyo kuwa kale oo - Mowqifka Absolute. Dhab ahaantii, isku dhacyada sida aan loo dulqaadan karin, laakiin in mashaariic badan oo wareer sida dhacdo marar badan.

Haddaba sidaas daraaddeed, marka wax walba oo ay ku caddahay magaca, bal aynu eegno tusaale fudud. Aan niraahno your site waa in ay ahaataa tiro badan oo ah badhamada, loogu talagalay in si gaar ah. Waxay leeyihiin guryaha sida size, hooskii, sentigiiba, midabka. Dabcan, waxaad cayimi kartaa xuduudaheedu waa kuwan, abuurista button kasta, laakiin waa inta badan ka sahlan in la isticmaalo CSS. In dhaqanka, aad u baahan tahay si ay u sharxaan fasalka gaar ah, kaas oo ku taxan qiyamka oo dhan oo ka mid ah hantida kor ku xusan, ka dibna, halkii ay liis dheer, tag ee button kasta baahan tahay oo kaliya inaad sheeg magaca fasalka, ka dibna browser laftiisa midabka doonaa xubno in midabka la doonayo oo ay siiyaan sax ah a "gloss".

Waa maxay macnaha hantida Jago ah?

Waxaan hadda si toos ah u sii soco ilaa Jago hantida, aawadood oo ah kaas oo la bilaabay this article dhan. Haddii aad tahay qof aqoon u leh luqadda Ingiriisiga, ama waxay leeyihiin dareen wanaagsan, markaa waa in aad horey u noqon cad - hantida this mas'uul ka yahay meesha uu shayga. Dhab ahaantii, sida uu yahay, laakiin halkii loo ogaado meesha uu gaar ah, hantida this sheegayaa browser sida ay tahay in lagu meeleeyo mid ka mid ah ama arin kale oo la tixgelinayo ku xiga ama guud ahaan bogga oo dhan.

Waa maxay qiyamka ay awoodo hantida Jago ah?

Our hantida aqbali karaan dhawr dhaqan oo kala duwan, waxaa jira shan oo kaliya. Halkan waxaa ku qoran sharaxaad kooban oo kasta oo:

• Dhaxli Wacan. Habkaani wuxuu kuu ogolaanayaa inaad nuqul xogta on jagada element in uu yahay waalid. Tusaale ahaan, haddii aad leedahay QAY la qaraabada ah Jago ku qeexan, ka dibna soo galay gudaha galay oo la qiimo dhaxlaan IMG ayaa sidoo kale la dejin doonaa si ay qaraabada.
• Meelee ma guurto ah. Qiimaha Tani waxaa la siiyaa xubno ka oo dhan si toos ah, haddii aan sheegay dambe. Walxaha loo haboon booska sida ku xusan xeerka iyo waxaa laga heli karaa ma for kala duwan ee "sharraxaad", jidaynayey si ay u beddelaan booska.
• Jago Absolute. By qiimaha this hantida Jago waa arrin inta badan loo isticmaalaa in kiisaska waxaa lagama maarmaan ah in la abuuro a "sabayn" element. Iyada oo qiimaha la siiyo of item hantida waa "aan la arki karin" ee qaybaha kale ee bogga. Taasi waa, waxay waxaa lagu abaabulaa sida haddii element buuxda kajirin. had iyo jeer isaga qudhiisu wuxuu ahaan doonaa meel, iyadoo aan loo eegin sida wayn ee loo socod page.
• Jago go'an. Siyaabo badan, qiimaha this ay la mid tahay mid la soo dhaafay, si kastaba ha ahaatee, halka element buuxda waxay ku xidhan tahay in waalidka, go'an isticmaalo oo kaliya wadataa ee geeska bidix ee sare ee shaashadda browser ah, iska indha-tiray intiisa kale xubno ka ah in ka Horeeyey.
• Ugu dambeyntii, Herka. nooca qiyamka Tani waxay u ogolaaneysaa qaraabo element qabto si kale, kaas oo noqon kara waxtar u leh abuuraya qabsiga ah sixitaanka yeedhay caadi ah "cinjir". Iyadoo hantida this, shayga "riixdo" doonaa kale ah, iyada oo aan laga badiyay awood u leh inay bedelaan booska on bogga.

La shaqaynta Jago in daalacashada kala duwan

oo dhan daalacashada ma aha siman socon. Inkastoo barnaamijyada ugu duwan oo loogu talagalay galida Internet oo aan wax hagardaamooyin aan gartay qiimaha Jago gabi ahaanba waa run, "joogto gaar ah» Internet Explorer aragto guriga, taas oo ku xidhan ay version.

Tusaale ahaan, iyadoo la isticmaalayo browser horeba "aasay" ayuu IE6, aad uma isticmaali karo qiimaha go'an iyo dhaxli - "dameer" waxay si fudud u dhaafin. Si kastaba ha ahaatee, inkastoo xaqiiqda ah in version toddobaad xaaladda bilaabay si loo horumariyo, oo go'an horay baaraandego, si aan ku dhaxlo jecel yahay "browser in ay soo bixi daalacashada kale," gaadhay oo kaliya in ay jidh soo siddeedaad.

Inta kale ee daawadayaasha si degan xamili Jago la version ugu horeysay, marka laga reebo Opera, taas oo uu helay taageerada guryaha ee 4 duwanaansho ay, daabacay bartamihii 90s-.

La shaqaynta Jago ee Javascript

Dhab ahaantii, sheekada ku saabsan sida loo la hantida Jago ee Javascript shaqeeyaan waa, waxaan ku darnay oo keliya aawadood oo ah hufnaan. Maxaa yeelay, hantida taasi ma qabto wax characters gaarka ah ee horyaalka, waxaad isticmaali kartaa JS oo aan wax isbedel ah, tusaale ahaan, si ay u dejiyaan Jago QAY ah qaraabada, waa in ka mid ah line a sidan oo kale: div.style.position = 'qaraabo'.

Sida aad arki karto, waa wax sahlan oo quruxsan.

Maxaad Jago mudnaanta Qaraabo fiiro gaar ah?

Inkasta oo inta badan Jago qiimaha hantida, si ay u meel dhexaad ah gelin, "xurguftii" on xubno ku wareegsan, iyadoo la isticmaalayo qiimaha "booska style: qaraabo", waa in had iyo jeer la xasuusto oo ku saabsan boggan oo dhan guud ahaan, maxaa yeelay, isticmaalka aan habboonayn si xoog leh laga yaabaa "ahi.Waxa" waxyaabaha oo dhan ee shaashadda .

Intaa waxaa dheer, hantida oo keliya kuu ogolaanaya in aad si fudud loogu badalo qabsiga design go'an, sababtoo ah codsiga si toos ah saameyn ugu yeelan doontaa dhammaan bogagga content. Markaas weli waxaan leenahay waqti ay tusaalooyinka iyo khaladaad la isticmaalayo qiimaha this, oo aad arki doonaa in ay muhiimadda la taaban karo ku dhaqanka.

Marka waa in aad isticmaasho qabto qaraabo?

Waxa intaa dheer in qaabka caadiga ah ee bogagga HTML, qaraabada Jago inta badan loo isticmaalaa si ay u abuuraan kala duwan ee saamaynta xiiso leh. Tusaale ahaan, haddii aad rabto shay "yimaadeen" ee bogga ama, on lid ku ah, si tartiib ah u tageen ka baxsan dhulkeeda, waxa ay si hufan waa hantida waxay kaa caawin kartaa in aad loo fuliyo this "trick".

Kuwani "tricks" la fuliyo iyada oo Javascript waa, ama, haddii aad ujeedadoodu rogida horusocod ah, iyada oo sifooyinka CSS3, kaasoo u ogolaanaya inaad la qabsato isbeddelka meerto in qiimaha variable gaar ah.

Intaa waxaa dheer, in mararka qaarkood ay suurtogal tahay in la abuuro Qaraabo qiyamka "hybrid" Mowqifka. CSS, inkastoo aan waqti isku mid kuu ogolaanaya in aad wax u eg meel dhigay: qaraabo buuxda, laakiin iyadoo la isticmaalayo tabaha qaar ka mid ah, waxa ay weli suurtagal tahay in la gaaro saamaynta this. Habkan waxaa laga yaabaa in faa'iido leh xaaladaha halkaas oo aad u baahan tahay si ay u abuuraan adag wax u eg Tooltip ah ama menu pop-up. Ka fiirsaneysa tusaalooyin ah, waxaan ku siin doonaa sharaxaad ku saabsan qaabka noocan oo kale ah "hybrid."

Tusaalooyinka isticmaalaya darajayn qaraabo

Herka - waa fudud quruxsan, laakiin qalab dabacsan oo kuu ogolaanaya in aad si ay u hirgeliyaan noocyo kala duwan oo saamayn xiiso leh. Si aan si dhumin waqti iyo meel u qoro template code aan waxtar lahayn, waxaan ku soo bandhigaynaa algorithms afka dhowr, kaas oo ku qurxin karaa your site ama pages gaar ah.

Bal aan ka bilowno "ordo out" line. Ka soo qaad aad u baahan tahay, waayo, element in doonaa "safar" maxaa yeelay qarkii bidix ee shaashadda oo si tartiib ah u soo guurto dhanka midig. Si ay u hirgeliyaan "hab" a sida waa in dhigay booska: qaraabo; bidix: -100px, halkaas oo -100 - tirada saxda ah ee pixels ee dhismaha width block ah. style Tani waxay kuu ogolaaneysaa in aad si ay u qariyaan unit ka baxsan ee shaashadda, gelinayo ee "meel laga bilaabo". Haddaba waxaad isticmaali kartaa script ah in la kordhiyo doonaa rabtay kasta oo yar baa ka hadhay qiimaha guriga halkii unit ilaa iyo inta aysan u noqon siman u width ee suuqa kala browser ah laga jaray width ee element ah. Natiijadu waxay tahay unug ka soo Baxday ku laayeen bidix, giringiriyey ee guud ahaan shaashadda iyo "dhigay" in gacantiisa midig.

Tusaale kale wuxuu kuu ogolaanayaa inaad si ay u abuuraan xubno "qaraabo-buuxda". Tusaale ahaan, waxaad geli kartaa buuxda ah gudaha kale, isagoo Qaraabo Wacan. Sidaas darteed, waxaan leenahay ka block "qaraabo" in uusan haysan size si buuxda oo la Isasaaray Naxariis, hadda waa ay awoodaan in ay is ahaantii isu muujiyay in meel ka madax bannaan element hore.

qaladaad caadiga ah marka la isticmaalayo Qaraabo Mowqifka

Khaladka ugu badan marka la isticmaalayo Qaraabo Jago waa in samaynta badan web illoobin oo ku saabsan awood u leh inay leenahay meel qaybta, kuwaas oo ku ooli karaa meel kasta. Tusaale ahaan, haddii aad leedahay a caddaalad ah oo waaweyn, kaalinta dibadda ee shaashadda oo isagoo boos qof qaraabo ah, in ay meel ay noqon doontaa "dalool" taagmi indhuhu. Si kastaba ha ahaatee, xitaa hantida this waxaa mararka qaarkood waxay abuurtaa Horraanta qaarkood waxaa loo isticmaali karaa wanaag, tusaale ahaan, la abuuro saamayn xiiso of "is-geynta" ee goobta, halkaas oo dhammaan blocks ay si tartiib tartiib ah kaalinta booska top: 0; bidix: 0; t. e. ay goobta asalka ah.