Kombiyuutarada, Barnaamijyada
CSS, dacayadeed, dacayadeed: dulsaar, ilmahaaga, target
By isku HTML iyo CSS, aad gabi ahaanba koontarooli karaan dhammaan qaybaha of pages Web. Oo leh qaababka aad si fudud u beddeli kartaa muuqaal u eg ka block ama line. Inta badan coder u baahan tahay si ay u qabtaan shaqo dheeraad ah oo adag - in la beddelo muuqaal u eg ka element laftiisa ma aha, sida qayb ka mid ah oo gaar ah ama xaalad gaar ah. Xaaladdan oo kale, si gargaarka ee CSS dacayadeed.
Dacayadeed shaqeeyaan on mabda'a isku mid sida fasallada caadiga ah in Bogani ah, laakiin jir ahaan aan halkan ku soo bandhigaynaa. Waxay la soo xulay karo oo ku saleysan xubno kuma jiraan macluumaad dukumintiga, taas oo aan dooran doono xulista caadiga ah. Halkan waxaa ku qoran tusaale fudud: waa inaad badhan cas, oo aad rabto in aad marka aad dul istaagin waxa ay noqotay buluug. Fikrad ahaan, waxaa la fulin karaa JavaScript, laakiin sababta ay sidaas u adag tahay? Wax badan ayaa habboon in la isticmaalo a : dul istaagin CSS. Iyada oo ay kaalmo ku siin karaan unit kasta oo xuduudaheedu in waxa keeni doonaa kaliya marka dulqabo mouse ah.
List of CSS dacayadeed-fasalada si joogto ah updated. Waxaa laga yaabaa in, inta aad ka akhrisan this qalab, dhowr muuqday cusub. Si aad u bilawdo, ka fiirsada kuwa u muuqday in faahfaahinta CSS3 ah.
: Nth-nooca-
Ka soo qaad waxaad leedahay liiska oo aad rabto in aad isticmaasho midabada talantaalli ah, ie, safka ugu horreeya waa, tusaale ahaan, ku qornayd warqadihii ay casaan, iyo tan labaad - .. Blue, mar cas mar saddexaad, afraad ee buluuga ah. Markii hore, waxaad lahaa in la abuuro fasalo cusub. Layout ee la soo dhaafay ku daray in element kasta liiska fasalka, ka dibna ay u saftay bedelay stylesheet ah. Waxa aan ahaa mid aad u raaxo leh oo u nijaasayn khariidad.
Haddaba wax walba waa u fududahay. Isticmaal CSS dacayadeed-fasalka: nth-of-nooc. Tani waxay ku siin doonaa fursad si aad u hesho saamayn la doonayo muuqaal ah, oo aan badalayn wax Bogani ah. Mabda 'waa mid fudud: aad soo gashid xulista ah, iyo in ku dhxe ka dib markii magaca qori formula ama keyword ah in ay heli doonaan xubno ka loo baahan yahay. Tusaale ahaan ,: nth-of-nooca (xitaa) oo dhan xataa doono xubno ka, iyo: nth-of-nooca (kisi) - kisi ah. Waxaa jira tiro badan oo ah qaaciidooyinka waxaa loo isticmaalaa in si hufan loo xakameeyo. qaansada ku waxay muujinayaan tiro ee suuragalka ah - in Hababka kiiskan in lagu dabaqo element kee index waa loo siman yahay si tirada this.
: Nth-ilmaha
Tani CSS dacayadeed-class on mabda'a of tallaabo la mid tahay mid la soo dhaafay, laakiin ka duwan waxa ay si gaar ah ula shaqeeya reer item la soo xulay. Tusaale ahaan, haddii aad rabto in aad u isticmaalaan si ay u Customize muuqaalka kore ee waa waalidka
Waayo gacanta saxda ah ee caanaha waxaa loo isticmaali karaa. Waxay kuwo ku adag tahay, waayo, bilow ah, laakiin waa qiimo yar yahay qoto dheer galay Saan ee sida wax kasta oo fudud. qaaciidooyinka waa sida soo socota: b ah +, halkaas oo a - waa arrin, iyo b - kabayso. Tusaale ahaan, haddii qaws n ayaa tilmaamaya, ka dacayadeed-doorteen oo dhan ilmaha xubno (maxaa yeelay, ma waxaa lagu tilmaamaa marka la eego dheeraad ah ee foomka of a iyo b). Haddii aad sheeg n ah + 2, dhamaan qaybaha ugu horeeyay, marka laga reebo (maxaa yeelay, mowjadda waa loo siman yahay laba) loo dooran doono. Best of dhan, wakhtigan inaad wax ka barato dhaqanka. Tijaabinayo la qaybaha ilmaha iyo qaaciidooyinka kala duwan.
: Last-ilmaha
Wax walba waa mid fudud. dacayadeed-fasalada ilmaha CSS waxaa loo isticmaalaa si loo doorto wax gaar ah. Tani waxay doorteen ilmaha ee la soo dhaafay ka kooban waalidka. Waxaa loo isticmaalaa ilaa xad inta badan, tusaale ahaan, in ay doortaan oo isku xigta ee la soo dhaafay of miiska ama ka block ee la soo dhaafay ka saar indentation si looga fogaado in ay kala iibsiga si ay u laynka ku xiga.
: Nth-soo dhaafay-ilmaha
By mabda 'hawlgalka ay la mid tahay ku nth-ilmahaagu hore u soo sheegnay, laakiin ficilada dhinaca ka soo horjeeda, E. ie. Marka la isticmaalayo xubno kor u dhaqaaqi doono. Tani waa mid waxtar leh haddii aad u baahan tahay si aad u ogaato waxyaabaha la soo dhaafay.
laga yaabaa in aad u malaynayso in-dacayadeed fasalada iyo dacayadeed-xubno CSS aan waxtar lahayn, tan iyo markii aad heli kartid wax wanaagsan la sameeyey by fasallada caadiga ah. Tani ma aha sidaas. : Nth-ilmaha ,: nth- ugu dambeysay ee ilmaha iyo analogs ay yihiin kuwo aad u sahlan marka ka shaqeeya mashaariicda waaweyn - tusaale ahaan, in kiisaska block uu leeyahay tiro badan oo carruurta. Joogu u diyaarin fasalo dheer oo adag.
control dacayadeed-state
Maxaa dhacaya haddii aad u baahan tahay in la beddelo muuqaalka kore ee element ah ee gobolka gaar ah? Xaaladdan oo kale waxay bixisaa CSS dacayadeed-magcaabo, fiiqaya iyo falal kale. Aynu u baaro si faahfaahsan.
: link
CSS dacayadeed Tani tixraacyada, aan oo dhan, laakiin kaliya kuwa aan weli soo booqday. In waxa aad dooran kartaa hababka xubno , kaas oo user ah ayaa weli ma maray.
: booqday
analoogga ah muuqashadii hore, taas oo kaliya gacanta ku links hore u soo booqday. Isku labadan dacayadeed-fasal, oo aad astaysto muuqaalka kore ee tags sida aad u baahan tahay. Ogow, si kastaba ha ahaatee, in dawladaha waxaa lagu xisaabaa daalacashada gaar ah iyo saaray ka dib taariikhda daaweyntaada.
-Fasalka dacayadeed The: CSS target
Mid ka mid ah dacayadeed-fasalada ugu xiisaha badan, kaas oo haddii la isticmaalo ilaa xad badalay isticmaalka JavaScript. Waxay awood u xakamayn karo aqoonsi ka mid ahaa in cinwaanka isku xigta ee bogga ka. Haa, markii ugu horeysay way adag tahay in la fahmo. Isku day in quburada tusaale ahaan.
Aan niraahno aynu nahay on the page 3 blocks QAY la id gaar ah: id1, id2, id3. Waxaan sidoo kale waxay leeyihiin saddex links in ay qiimaha u dhigma href: # id1, # id2, # id3. Marka aad riix link ugu horeysay ee cinwaanka isku xigta ee bogga ka dib markii link si id u dhigma noqon doontaa bogga laftiisa.
CSS ee dhan QAY blocks qeexan bandhigay hantida: ma jiro, la, aan lagu muujiyey by default. Waxaan u isticmaali diirada: QAY oo siiyaa bandhigay guri: block. Haddaba, marka aad guji links ka qaarkood href ah, blocks la id u dhigma waxa lagu meelaynayaa bandhigay: block, oo sidaas daraaddeed, waxay bilaabi doonaan in ay ka muuqan on bogga! Marka aad riix link in ay href = http: // site / article / 319683 /% E2% 80% 9D # id1% E2% 80% 9D xiri doonaa id1, iyo wixii la mid ah ..
Weli wax ma kasayaan? Isku day in aad tijaabiso. Samee bogga Qaabka iyo Hababka kor lagu sharaxay. Dhowr daqiiqo ka dib aad qabto wax walba ah tiradaasi weyn.
Dacayadeed in lagu saleyn karaa element kasta
Inta badan oo ka mid ah dacayadeed-links kor ku tilmaamay looga baahan yahay shaqada. Si kastaba ha ahaatee, xubno ka dhan ma u baahan tahay. Dhowr embodiments lagu saleyn karaa qayb kasta oo ka mid ah bogga gabi ahaanba.
- : Firfircoon waxaa loo isticmaalaa in xubno style on taas oo user ku cabiro badhanka mouse bidix,
- : Dulsaar - CSS xubno kaas oo user Geeri ka badan;
- : Diiradda - kuwa qaybo ka mid ah bogga, kuwaas oo hadda waa in diiradda. Tani dacayadeed-fasalka waxaa inta badan loo isticmaalaa in la foomamka shaqeeyaan. Tusaale ahaan, haddii aad rabto in ay doortaan degdeg ah User Name ah, marka booqdaha dhigaya dulqabo waxaa ka badan oo uu bilaabo characters garaacaya.
Xusuusnow in: firfircoon oo ansax ah oo keliya waqtiga wayn. Isla markii la joojiyo oo badhanka mouse bidix ayaa lagu wadaa iyadoo la kaashanayo qaababka baabi'i doontaa iyo shayga lagu soo bandhigi doonaa sidii loo soo bandhigay by default. Xaaladaha intooda badan, tani dacayadeed-fasalka waxaa loo isticmaalaa in la badhamada shaqeeya. Waxaad iyaga ku taagtaa kartaa in tiro badan oo ah dalalka. Tusaale ahaan, button sida caadiga ah waa buluug, dulsaar - cagaaran, adiga oo riixaya - cas, iwm ...
Dabcan, oo kaliya dacayadeed-fasalada si buuxda ay taageerayaan daalacashada casriga ah. Tusaale ahaan, in IE6 iyo 7 ma awoodi doonaan in ay isticmaalaan xallinta, oo dulsaar ah oo firfircoon oo kaliya shaqada tixraaca ee IE6. Waxaan rajeynayaa, ma aha in aad doonaa in la daalacashada shaqeeyaan, laakiin haddii aad weli u baahan tahay oo kacday, isticmaali comments shuruud.
dacayadeed dheeraad ah
fursadaha kor ku liis ku qoran ma waxaa loo joojiyo. xubno ka mid ah oo keliya ayaa la soo kabsaday karo in CSS casriga mahad (: karti) ama jar (: naafada ah), badalato kaliya checkbox calaamadeeyay iyo radio (: hubiyaa). Si kooban u sharax dhowr fursado dheeraad ah oo aad u isticmaali karto in ay gacanta ka sii qoto dheer muuqaalka kore ee content.
- : Oo keliya-ilmahaaga - raaci ku suurto gal ah in aad dalbato qaabka ay u element oo ah element ilmaha oo keliya;
- : Lang - in waxyaabaha in la siiyo luqadda la isticmaalayo sifo lang shaqeeyaan;
- : Xidid - loo isticmaalo in ay doortaan element xididka. Iyadoo la raacayo, tag HTML noocaas ah waa ;
- : Ma - qalab aad u awood badan. Waxay kuu ogolaanaysaa inaad xaddido isticmaalka hababka qaar ka mid ah selectors. Halkan waxaa ku qoran tusaale: .SAT-color: ma (taako ). xulista A si aad u dalbato style a dhammaan canaasiirta la class buluug-color, haddii aanay .
liiska buuxa ee dacayadeed-fasalo aan la soo taagay karo hal bog. samaynta web intooda badan isticmaalaan si dhab ah, qaar ka mid ah oo kaliya oo ka mid ah, oo doorbiday si ay u maareeyaan xaalad la JavaScript. Haa, waxaa haboon, laakiin waxaa jira qaar ka mid ah daqiiqado halkaas oo natiijo wax ku ool ah la gaadhi doono fudud, iyadoo la isticmaalayo dacayadeed ku haboon.
Similar articles
Trending Now