Di rewşeke - çi ye? description berfireh

Nesting HTML - pêvajoyeke dirêj, bi hûrbînî, di heman demê de pir nûjen. Bi tevî, ku ji bo piranîya kesên ku dixebitin li IT, rûpelên webê layout dikarin rûtîn acizdar xuya, pisporên ku xwedî Kerkuk ji bo vê rewşê de, ne bi tenê dikarî çendayetî pêk Erka, di heman demê de jî ji vê pêvajoyê de ji kêfa berçav bistîne.

Lê belê, berî ku tu coder jiyîn bibe, her newcomer disixurîne, gelek ji dema xwendina fermanên û diyar hem zimanê IP-cuda, û li ser hevpeymana xwe - CSS. About tam çi CSS, ev çi bû û çi "guhên will" destûrê dide te ku rabe ser xwe, û herweha yek ji taybetiyên top xwe - Asta Dengûbasên - îro em ê biaxivin.

CSS çi ye?

Abbreviation CSS dikare were nivîsandin û nav Russian wek "Nûneratiyên style serencam" dikin. Ev dengên rind xerîb - li aliyekî, ev zelal xuya dike, û gotin, û li aliyê din jî - di wateya giştî ye, di cih de hatin girtin ne. Werin, em bi sade dest bi - bi style. Ev teknolojiya destûrê dide te ku yedeka tiştên li ser rûpel, taybetmendiyên hin derbarê dîtinê, ku hûn bi tenê dikarin carekê qeyd bike û bi kar tînin hejmarekî bêdawî ji caran.

Peyva "masa" di wergerê fermî hema hema bi qezayê re xuya bû - di rastiyê de bêtir guncaw vir, wê bibe bikaranîna peyva "de lîsteyên" an jî "lîsteyên", lê belê nivîskarên werger original biryar da ku di CSS dişibe zêdetir ji lîsteya, û em kî ne wisa ye, îro ji bo wan biceribîne.

Di dawiyê de, peyva "Cascade." Rastî ev e ku her yek element dikare çend styles ku dikare tevlihev an jî teyîd hene. Di rewşên wiha de, gerok ku, çareyê ji bo set of qaîdeyên, ji bo helbestan, da ji block, ku ji bo ku bê çend styles, bi yek ji wan jî, ji bo nimûne, heye milk Dengûbasên bi Position, û ya din jî - Asta Absolute. Di rastiyê de, wisa pevçûnên bi xweşbînî nayê dîtin, di heman demê de di projeyên mezin hişî gelek caran diqewime.

Îcar niha, dema ku her tişt ji navê zelal e, ka em li mînaka sade binêre. Werin, em dibêjin numreya te divê hejmareke mezin ji bişkokên, dîzaynkirin di riya hin be. Ew milkên wek size, siya, Tarîtiyê, reng heye. Bê guman, tu van Parametreyên diyar bike, afirandina her button, di heman demê de pir bi hêsanî bi kar tînin CSS. Di pratîkê de, divê hûn ji bo danasîna a class hin, ku nirxên wê yên ku hemû milkên li jor, û paşê jî, li şûna ku lîsteyeke dirêj, li tag ji hev button bi tenê, hewce, wê ji bo xwe diyar bike û bi navê class, paşê geroka xwe dê ev element di reng de tê xwestin rengîn û wan a xwerû bide "gloss".

Çi milk Asta de?

Em êdî rasterast dewam malê Asta de, ji bo xatirê yên ku vî babetî dxwazîn hemû dest pê kirin. Eger tu bi zimanê English nas in, yan jî ji intuition baş, hingê divê tu ji niha ve diyar be - vê malê ji bo cihê babete e. Di rastiyê de, di rê de ew e, lê li şûna cihê taybet diyar bike, ev xanî bi browser çawa divê ev yek bê yek danîn an jî hêmaneke din jî bi rêzgirtina ji bo parvekiriye an li seranserê rûpel wekî tevahiya dibêje.

Çi nirxên dikare milk Asta de?

Malên me dikare çend nirxên cuda qebûl bike, ne bi tenê pênc heye. Li vir, bi kurtî ji hev e:

• Mîras Asta. Ev taybetî ji destûrê dide te ku wê kopî daneyên li ser helwesta element e ku dê û bav. Ji bo nimûne, Eger te wêneyek div bi Xizm Asta diyarkirin, hingê di nav wê bi IMG nirxa mîras jî wê ji bo Dengûbasên bi set ketin.
• Helwesta Static. Ev nirx ji bo hemû unsûrên dayîn automatically, eger tu zêdetir diyar kir. Hêmanên nav helwesta fit, weke ku di code behs û ne amade ne ji bo shéwezarí "frills", û rê bo guhertina helwesta wan.
• Asta Absolute. By vê nirxê milk Asta e ku gelek caran di dozên ku wê pêwîst e ji bo pêkanîna "herikîn" element bikaranîn. Bi nirxê dayîn of babete xanîyê "nedîtbar" ji bo pêkhatên din yên rûpel e. e ku, ew bi mîna ku element mitleq me does not exist sazkirin. Ew bi xwe her tim di cihê wê be, ne giring çawa dûr rûpel scrolled dîtin.
• Asta Fixed. Bi gelek awayan, bi vî nirxê mîna ya berê ye, lê belê, di dema ku element mitleq ji bo dê û bav ve girêdayî, fixed uses tenê koordînatên ya li quncikê çepê yê screen browser de, ji wişeyên din ên hêmanên ku ew berî.
• Di dawiyê de, di rewşeke xerab. Ev nirxên type destûrê element positioning xizmên xwe ya din, ku mirov dikare wê ji bo afirandina an Adaptive kêrhatî komonîst li "lastîk" hevbeş kir. Bi vê malê, bi babete wê "dehf" ya din jî, bê ku li şiyana bo guhertina helwesta xwe li ser rûpel.

Kar bi Asta gerok cuda

Bi hemû gerokên wekhev re lihevhatî. Demekê de ku piraniya bernameyên alternatîf ji bo bêbinî Internet, bê tu nişkî value of Asta fêm qet ne rast e, "kronîk taybet» Internet Explorer dibîne ku milkê ku, li gor Versiyon ji bo xwe.

"Kerê" ew bi hêsanî jî ji nedîtîve tên - ji bo nimûne, bi bikaranîna jixwe "veşartin" geroka IE6, tu nirxê Fixed û war bi kar tînin ne. Lê belê, tevî wê yekê ku Versiyon ji heftan de li ser rewşa dest pê kir ji bo baştirkirina, û Fixed jixwe hêrandî, ji bo Inherit delal "to download gerokên din browser," tenê di Girtina heştan wê timam dibe.

Ya mayî bi çavdêrên bi aramî li bedena Position bi guhertoya yekem, ji bilî Opera, hatiye ku piştgiriya li milkên li 4 variations xwe rabû, di nîvê salên 90'an de hatiye weşandin.

Kar bi Asta li Javascript

Di rastiyê de, çîroka çawa ji bo hevkariya bi malê Asta li Javascript ye, em tenê ji bo xatirê yên toreyî de. div.style.position = 'xizmekî': Ji ber ku ev malê ne li gorî ti characters taybet di title tune be, tu dikarî li JS, bêyî ku hemû guhertinên ji bo nimûne ji bo danîna div Asta li Dengûbasên, divê di nava xeta wekî vê bi kar tînin,,,,.

Wek ku hûn dibînin, ev hêsan.

Çima Position bi baldariyek Dengûbasên bi girîngiyeke taybet?

Gava ji nirxên malê Position, danîn, bi nermayî, "tûk" de li ser hêmanên derdora, bikaranîna nirxa "helwesta style: xizmekî", divê her tim li ser tevahiya rûpel wekî hemû bibîr bînin, ji ber ku bikaranîna çewt dikarin bi tundî "jiholêrakirina" tevahiya naveroka of the screen .

Li gel vê, di vê malê bi tenê destûrê dide te ku bi hêsanî misilmankirina Adaptive design sabît e, ji ber ku serlêdana wê bixweber hemû rûpelên ku naveroka wê bandorê. Piştre em hîn jî ji bo ku li ser wergerandî û şaşiyên bikaranîna vê nirxê xwedî, û tu dê girîngiya şenber ku wê di pratîkê de bibînin.

Dema ku divê positioning xizmekî tu bikar tînî?

Ji bilî layout adetî, yên pages HTML, Dengûbasên bi Asta gelek caran ji bo afirandina cîhêreng ên ji bandorên balkêş bikaranîn. Ji bo nimûne, heger tu dixwazî, ku em babete "hat" li ser rûpel an jî, berovajî, hêdî hêdî li derveyî axa xwe çû, lê teqez bi vê malê dikare alîkariya te bike ev "trick" cîbicîkirina.

Ev "tricks" bi rêya Javascript pêkanîn e, an jî, eger tu ji bo xwe sepandina hukimraniya pêşverû armanc, bi rêya wesfên CSS3, ku rê bidin we ji bo diyarkirina guhertina cyclical li nirxê a variable taybetî.

Herwiha, di hin rewşan de mimkun e ji bo afirandina Dengûbasên bi "hybrid" nirxên Asta. CSS, çiqas ne di heman demê de dihêle ku hûn ji bo danîna tiştekî wek position: relative mitleq, di heman demê de, bi bikaranîna hin tricks, hê jî pêkan e bo gihiştina bi vê bandora. Ev nêzîkatiya Dibe ku di dozên kêrhatî tu li ku derê pêwîstî bi tiştekî aloz wek a tooltip an menu pop-up. Ber çavan, wergerandî, em dê a description of struktura wisa bide "hybrid."

Wergerandî yên bikaranîna Deng xizmekî

Di rewşeke - ev hêsan, di heman demê de tool nerm ku destûrê dide te ji bo cîbicîkirina cîhêreng ên ji bandorên balkêş. Ji bo ku wunda ne dem û cihê ku ji bo nivîsandinê şablonê code bêkêr, em çendîn algorîtmayên devkî, ku dikare-numreya te an Rûpelên taybet dixemilînin.

Werin, em bi "run out" line dest. Kî we pêdivî bi element, ku dê "sefer" ji ber ku ji devê derket of the screen û hêdî hêdî ew koçî aliyê rastê. Ji bo sepandina van "çerxeke" Divê helwesta set: relative; milê çepê: -100px, ku -100 - hejmara texmînî ya pixels rê width astengkirina. Ev style rê bidin wê we ji bo veşartina li beşa derve of the screen, firîya di "dest helwesta". Niha, tu dikarî script ku her çend mîlîçirkeyan derket nirxê milk bi serê yekeya heta ku ev yek ji width yên browser window ji kêmekê width ji element wekhev bûne bi zêdekirina wê bi kar tînin. Di encamê de yekîneyeke ku ji ber devê çepê tê, xwe gindiriye, li seranserê screen û "park" di destê wî yê rastê de ye.

Nimûneyeke din jî destûrê dide te ku avakirina "xizmekî-mitleq" hêmanên. Ji bo nimûne, tu dikarî mitleq hundir din bikeve, piştî ku Dengûbasên bi Asta. Wek encam, em xwedî "xizmekî" block ku bi size ji bo ku mitleq nivîsîn heye ne ev e, niha nikare xwe bi xwe di rewşeke serbixwe ji element berê jî eşkere.

sedema tîpîk ku bi bikaranîna Dengûbasên bi Asta

Şaşiya herî dema bikaranîna Dengûbasên bi Asta de ye ku gelek îcrakar web bîr li ser kapasîteya veqetînim cihê xwe di nava yekîneya, ku dikare bê derê ye. Ji bo nimûne, Eger te wêneyek wekhev mezin, danîn li derveyî of the screen û hebûna positioning relatîf e, cihê wî, wê bê gaping "hole". Lê belê, tevî vê avahî carna diafirîne rêbargirtin hin dikarin ji bo baş, ji bo nimûne, afirandina bandora balkêş yên "self-civînên" di malperê de, ku hemû blokên xwe bi hêdî hêdî di rewşa top danîn: 0; left: 0; t. e. eslê xwe.