CSS z-mynegai: trosolwg, eiddo

Rheol CSS z-mynegai - tudalen sefyllfa elfen cydlynu Z: lefel yr elfen arddangos neu haen y mae'n cael ei leoli. Bydd Tag sydd â z-mynegai mwy yn cael ei arddangos yn llawn. Tags cael eu harddangos yn y drefn y maent yn ymddangos yn y llif sy'n dod i mewn ac yn gorgyffwrdd. приоритет видимости. Gwerth Z-mynegai yn penderfynu ar y flaenoriaeth gwelededd.

Mae'n rhaid i ni dalu teyrnged i'r porwyr modern ac elfennau arddangos algorithmau. Ers y dyddiau pan graffeg a sgriniau dal ffurfio rhannau problem clipio gweladwy ac anweledig o'r elfennau yn y cyfnod ymgeisio, y cynnwys technoleg arddangos gweladwy wedi cyrraedd canlyniadau rhagorol. Mewn porwr ffenestr, pob elfen yn cael eu harddangos yn gywir, mae'r defnyddiwr yn gweld dim ond yr hyn a nodir dylunio neu'r datblygwr.

Y rheol gyffredinol: y gorchymyn a lefel y

Mae'r ffrwd mewnbwn (tudalen ffurfiwyd gweinyddwr) ddilyniannol yn darllen y porwr. Pob tag yn cael eu harddangos yn unol â'r rheolau CSS a gall orgyffwrdd.

Mae'r enghraifft hon yn disgrifio pedair elfen gweladwy. Mae pob yn olynol gorgyffwrdd un blaenorol. Mewn mannau lle y tagiau yn cael eu croesi, mae cwestiwn o flaenoriaeth. Fel rheol z-mynegai tagiau CSS ar gyfer yr holl hyn yn un peth ac yn hafal i 848, bydd yn amlwg bod elfen sy'n mynd fel a ganlyn. Y cyfan sydd peeks allan o dan bob un o'r elfen nesaf, mae'n debyg.

gwelededd rheol

Porwyr gadw at y rheolau o welededd yn unig "teg". I ddod o hyd i algorithm sy'n eich galluogi i ddadansoddi holl gosod gros ac yn defnyddio dim ond y rhai sy'n croestorri mewn gwirionedd, heb gynnwys y rhannau hynny sy'n cael eu hamsugno gan bob elfen olynol - yn anodd iawn.

Yn y rhan fwyaf o achosion nid yw hyn yn angenrheidiol. offer modern yn gyflym iawn, ac yn sylwi ail-lunio'r elfen i'r pwynt lle y bydd yn bloc yr elfen nesaf, yn broblemus iawn.

Dylanwadu ar yr elfen amrywiaeth

Digon yw trydydd tag scCSS3 cynyddu'r z-mynegai, ac ar scCSS4 - i'w leihau, cyfanswm y darlun yn newid. Mae'r dilyniant o elfennau yn y nant yn aros yr un fath:

• id= 'scCSS1'; div id = 'scCSS1';
• id= 'scCSS2'; div id = 'scCSS2';
• id= 'scCSS3'; div id = 'scCSS3';
• id= 'scCSS4'. id div = 'scCSS4'.

Dylid nodi bod yr ail lun mewn gwirionedd yn cymryd mwy o le nag y mae'n ymddangos. Y trydydd darlun yr un fath. At hynny, mae'n cynnwys dwy ran (dau wy) ar bellter oddi wrth ei gilydd.

Mae maint gwirioneddol y rhanbarthau, a oedd yn byw yn yr ail a'r drydedd delweddau yn cael eu hamlygu mewn melyn a llwyd yn y drefn honno.

Mae'r cyfuniad o z-mynegai i cefndir-lliw

Dylid nodi bod yr eiddo o gefndir CSS & z-mynegai yn ategu ei gilydd. Mae pob elfen ar lefel bloc, ac unrhyw un arall, bob amser yn meddiannu ardal betryal a ffurfiwyd gan y uchder mwyaf a led uchaf y cynnwys.

Gan ddefnyddio delweddau, gallwch wneud unrhyw elfen maes ffurflen, ond o'i gwmpas bydd bob amser petryal. Mae'n ffaith ei bod yn bwysig cymryd i ystyriaeth yn briodol.

Gallwch osod testun ar siâp llwybr a ddewiswyd, ond os nad ydych yn gwneud hynny, y cynnwys yn cael i unrhyw elfen mewn bocs hirsgwar, yn olynol, ar ôl derbyn y mewnbwn.

Defnyddio eiddo CSS z-mynegai yn yr elfen y mae eu cefndir-lliw gwerth yn dryloyw (math o dryloywder), yn gallu efelychu unrhyw elfen cylched. Er bod mewn unrhyw achos yn yr elfen gwirionedd yw hirsgwar.

Digwyddiadau ac elfennau gweladwy

Mewn mannau lle mae'r elfen yn cael ei rwystro gan elfen arall, y digwyddiadau a ni fydd yn gweithio. Fel rheol gyffredinol, os yw'r eitem yn allan o'r golwg, mae hefyd yn y parth sydd ar gael.

Os bydd datblygwr yn dymuno i gloi y botwm neu'r ddewislen eitem, gall fod yn cael ei roi dros y tag cloi tag arall, efallai dryloyw (ee, gan ddefnyddio'r rheol y didreiddedd CSS), ond mewn unrhyw achos, cael CSS uwch z-mynegai.

Ers y digwyddiad, o'r pwynt defnyddiwr o farn, yn gallu cael eu rhannu yn berthnasol ac nid oes ganddynt unrhyw, yna bydd y diwethaf (symud y llygoden, gwasgu botymau ar hap ar y bysellfwrdd, y signal amserydd) yn cael ei ddefnyddio i newid y cynnwys yn y ffenestr porwr ddigonol.

Enghraifft syml: mae ymwelydd wedi symud pwyntydd y llygoden ar y ddewislen eitem, ond nid yw wedi penderfynu eto i wneud rhywbeth. Gallai'r datblygwr ddarparu digwyddiad i olrhain symudiad ddeialog i'r pwynt a ddymunir (cliciwch - ymwelydd yn penderfynu) ac arddangos cynnwys digonol. Rheol CSS z-mynegai yw'r fwyaf addas ar gyfer yr achlysur.

fformat llun

Gan delweddau yn ddeunydd adeiladu pwysig ar gyfer unrhyw safle (harddwch, moderniaeth, ymarferoldeb - yw'r norm arferol o bethau), mae o bwys mawr i'r dewisiadau fformat delwedd.

Ar y cyfan, gallwch ddefnyddio holl amrywiaeth o fformatau sy'n bodoli eisoes, ond o ran ymarferoldeb ac effeithiolrwydd yn eithaf rhesymol i gyfyngu * .png gyfer delweddau statig a * .gif - ar gyfer lluniau hanimeiddio. * .jpg Poblogaidd hefyd yn dda, ond nid yw'n caniatáu hyblygrwydd i drin y gofod arddangos.

bugs Browser a'r datblygwr

Nid felly yn aml yn wir, pan na fydd y CSS z-mynegai yn gweithio, ond mae'n digwydd. Telerau taflenni arddull rhaeadrol bob amser yn gweithio, a faint o ffeil arddull yn aml yn cyrraedd cyfrolau arwyddocaol. Pan nad yw rhywbeth yn cael ei arddangos, neu nid yn unig yn cael yr hyn y mae'n rhaid fod, mae'n rhaid yn gyntaf wirio eich cod eich hun, yna glirio eich cache porwr a phrofi eich cod eich hun unwaith eto.

Dehongli HTML a CSS, mae'r porwr bron nid yw'n gwneud camgymeriadau - mae'n Axiom. Os yw'r eitem a ddymunir nad yw, yna, wrth ddylunio CSS {sefyllfa: absoliwt; z-mynegai: 112233; chwith: 10px; top: 20px; } ... rhywbeth ar goll neu ddim eu cofnodi.

Y camgymeriad mwyaf cyffredin - Dangosir anghywir elfen ar goll cyfeiriad at ei gwelededd ar safle absoliwt neu berthynas. Weithiau, gall weithio i bennu arddull uniongyrchol ar yr elfen ac nid yw ei arddull. Yn yr achos olaf, mae'n ffordd allan, ond mae'n cael ei siarad yn bennaf am ryw fath o gamgymeriad yn y cod.

Rhaid Arddull fod yn yr arddull dosbarth neu adnabod. Pwyntio steil ar yr elfen dylai dim ond mewn achosion eithriadol.

Gall Defnyddio jQuery.css (z-mynegai, 123) hefyd yn arwain at wall, os nad yn berthnasol i'r dosbarth neu ddynodwr. Yn ogystal, jQuery - offeryn datblygu gwirioneddol hynod. Fodd bynnag, cyn i chi wneud cais iddo, nid brifo i feddwl: a yw'n bosibl i hepgor byrfyfyr yn golygu HTML / CSS, z-mynegai - nid yn rheol nad yw'n gofyn am sylw ar unwaith.

symudiad cywir o'r haenau rhesymegol, ac

Perffaith Page - fflat. Mewn unrhyw achos, cyn i'r delwedd tri-dimensiwn go iawn yn y raddfa enfawr yn hyn, ac nid mewn angen arbennig hwn. Gwefannau modern - mae'n tasgau profiad go iawn, y byd go iawn. Maent ond mae angen i weithio'n dda ac yn dangos delwedd tri dimensiwn fflat.

Gyda llaw, y ffenomen o y dudalen lanio (tudalen glanio) ar ffurf opsiynau "adeilad y safle" - y prawf gorau sydd gan y siâp gwastad hirsgwar ac yn sych, ond yn hynod union gynnwys - hefyd yn dda ac yn ymarferol. Ond dylid nodi bod y safleoedd y cwmnïau monopoli yn sownd i'w y prif beth - wyneb y cwmni, ei ymarferoldeb a phŵer cynhyrchu. Gwybodaeth Monsters Technoleg teimlo bod tudalennau glanio - mae'n fusnesau bach yn eu hwynebu, ategolion, Herbalife ac eraill "jewelry."

Fel neu beidio, mewn gwirionedd yn gywir, bydd y dyfodol yn dangos. Mae'n bwysig sydd nid yn unig yn gwneud synnwyr i baentio mewn cynnwys haenau, ond hefyd i sicrhau symudiad priodol rhyngddynt ar unrhyw amrywiad ar adeiladu gwefan.

ateb ardderchog - AJAX (tudalen cael ei diweddaru yn ôl yr angen). Hyd yn oed ateb mwy addawol, pan fydd y dudalen hon yn dangos ei bod yn angenrheidiol ar yr adeg yma o'r ffenestr porwr.

Yn wir, z-mynegai - rheol hon CSS syml. Ei ddiben - i ddangos lefel y tag fel y gall y porwr benderfynu pryd y bydd yr elfen arddangos a pha ran o'r elfen hon fod yn weladwy. Haen a'r dudalen - syniad cymharol iawn, gan ei fod yn broblem i ddylunio y dudalen ac yn cadw mewn cof ystyr Rheol z-mynegai ar gyfer gwahanol arddangos cynnwys.

Yn nodweddiadol, bydd datblygwr yn dewis rhif hoff, ac yn rhoi i pob tag yn olynol, a'r ffaith bod yn rhaid i ni rywsut yn sefyll allan, yn aseinio'r rhif nesaf. Roi pwys ar haenau a lefelau o dudalennau - nid yw arferion arbennig o flaengar ac yn addawol.

Fodd bynnag, os bydd y symud semanteg z-mynegai i ddeialog gyda'r ymwelwyr, mae'n bosibl creu effaith ymarferol. Yn debyg i sut y gall tagiau gael eu harosod ar ei gilydd, mae'n bosibl gosod deialog (ymwelydd safle) a pherfformio symudiadau rhyngddynt. O safbwynt hwn, cymhwyso'r rheol CSS z-mynegai yn ymddangos yn ddichonadwy iawn ac yn ymarferol.