Kompyuta, Mapulogalamu
CSS, osatsimikizika, osatsimikizika: fungatirani, mwana, chandamale
Mwa kaphatikizidwe HTML ndi CSS, mukhoza kudziletsa mwamtheradi mbali zonse za masamba Web. Ndi masitayilo inu mosavuta kusintha mawonekedwe a chipika kapena mzere. Nthawi zambiri coder muyenera kuchita ntchito zina - kusintha mawonekedwe a chinthu pakokha, monga gawo osiyana kapena khalidwe linalake. Pankhaniyi, kuthandiza zoyerekeza CSS.
-Zabodza ntchito pa mfundo imene makalasi zonse mu chizindikiro patsambali, koma thupi iwo kulibe kuno. Iwo akhoza anasankha pa maziko a zinthu sanali m'gulu mudziwe chikalata, umene kusankha selector mwachizolowezi. Pano pali chitsanzo losavuta: muli batani wofiira, ndipo mukufuna pamene inu fungatirani inasanduka buluu. Theoretically, akhoza akuyendera JavaScript, koma n'chifukwa chiyani kuli kovuta? Zambiri yabwino ntchito : fungatirani CSS. Mothandizidwa ndi mzimuwo mungapereke wagawo aliyense magawo kuti zidzayambike kokha pamene cholozera mbewa.
List of zoyerekeza-makalasi CSS nthawi zonse zatsopano. Mwina, pamene mukuwerenga nkhani iyi, aonekera angapo latsopano. Kuyamba, taganizirani amene anaonekera mu CSS3 mfundo.
: Nth kwa mtundu
Tiyerekeze muli mndandanda zimene mukufuna kugwiritsa ntchito alternating mitundu, mwachitsanzo, mzere woyamba Mwachitsanzo, wolembedwa mu makalata wofiira, ndipo chachiwiri - .. Blue, wofiira kachiwiri wachinayi kachiwiri mu buluu. Poyamba simunali kulenga makalasi atsopano. Kamangidwe zakale anawonjezera kuti aliyense walowa pa mndandanda kalasi, ndipo anasintha maonekedwe awo stylesheet lapansi. Izo sizinali womasuka kwambiri ndi kuipitsa Kamangidwe.
Tsopano chirichonse mosavuta. Gwiritsani CSS zoyerekeza kalasi: nth wa mtundu. Izi adzakupatsani mpata kufunika kwenikweni zithunzi, popanda kusintha chirichonse mu chizindikiro patsambali lapansi. mfundo ndi losavuta: mulowa selector, ndi m'mabokosi kuchokera pa dzina kulemba chilinganizo kapena nfundo yaikhulu kuti mudzapeza zinthu zofunikira. Mwachitsanzo ,: nth wa mtundu (ngakhale) adzathedwa ngakhale zinthu, ndi: nth wa mtundu (wosamvetseka) - ndi wosamvetseka. Pali ambiri mitunduyi ntchito yeniyeni kulamulira. The m'mabokosi akusonyeza nambala zotheka - mu masitaelo choncho kuti lingagwiritsidwe amafotokozera amene index ndi wofanana ndi nambala iyi.
: Nth mwana
Izi CSS zoyerekeza kalasi pa mfundo za kanthu ndi wofanana ndi m'mbuyomu, koma mosiyana zimachitikadi yekha ndi ana a katunduyo anasankha. Mwachitsanzo, ngati mukufuna kugwiritsa ntchito ikonza kuoneka
Ulamuliro yeniyeni chilinganizo angagwiritsidwe ntchito. Iwo kovuta kwa woyamba, koma m'pake pang'ono zambiri za malembedwe ya momwe chirichonse mosavuta. The mitunduyi ndi izi: ndi b +, kumene - chinthu, ndi B - kuchepetsa. Mwachitsanzo, ngati mwapadera amasonyeza N, ndi zoyerekeza-amasankha zinthu zonse mwana (chifukwa si chinaneneratu mawu zina mwa mawonekedwe a ndi b). Ngati musankhe wa N + 2, zinthu zonse kupatula woyamba (chifukwa kuchepetsa ndi wofanana ndi awiri) adzakhala anasankha. Koposa zonse, nthawi imeneyi kuphunzira kuchita. Kuyetsa zigawo zikuluzikulu mwana ndi kachitidwe osiyana.
: Last mwana
Chirichonse ndi yosavuta. zoyerekeza-makalasi CSS mwana ntchito sankhani item makamaka. Izi amasankha mwana womaliza wa chigawo kholo. Ntchito nthawi zambiri, mwachitsanzo, kusankha wakumbuyo wa tebulo kapena kuchotsa indentation ku chipika otsiriza kupewa kutengerapo ake kwa mzere lotsatira.
: Nth-lotsiriza mwana
Ndi mfundo ya ntchito ndi ofanana ndaitchula nth mwana, koma amachita zosiyana, mwachitsanzo. E. Pamene ntchito zinthu kudzalimbikitsa oposa. Izi ndi zothandiza ngati mukufuna kupeza otsiriza zinthu zochepa.
Mwina mungaganize kuti izi zoyerekeza-makalasi wawo-zinthu CSS achabechabe, popeza ndithe zinthu bwino ndi makalasi ochiritsira. Izi si choncho. : Nth mwana ,: nth- otsiriza mwana ndi analogs awo ndi yabwino kwambiri pamene tikugwira ntchito yaikulu - mwachitsanzo, pa nthawi imene chipika ali ndi chiwerengero chachikulu cha ana. Pamanja kukonza makalasi mwakhama.
ulamuliro wawo boma
Kodi ngati mukufuna kusintha maonekedwe a amafotokozera ndi khalidwe linalake? Pankhaniyi amapereka CSS zoyerekeza-kuwonekera, akulozera ndi zinthu zina. Tiyeni tione iwo mwatsatanetsatane.
: ulalo
Izi maumboni zoyerekeza CSS, osati onse, koma okhawo amene sanawonedwe. Mu inu mukhoza mwachindunji masitaelo kwa zinthu , umene wosuta sanabadwe zapita.
: anafika
An analogue a chimake yapita, amene akulamulira yekha limasonyeza ndafikapo kale. Yonseyi zoyerekeza-makalasi awiri awa, mukhoza ikonza maonekedwe a Tags chimodzimodzi monga mukufuna. Komabe, onani kuti inati mopitirira kwa asakatuli yeniyeni kudzapereka pambuyo mbiri chithandizo.
The-zabodza kalasi: chandamale CSS
Mmodzi wa-makalasi zoyerekeza chidwi kwambiri, zomwe ngati ntchito kumlingo m'malo ntchito JavaScript. Chimathandiza kulamulira kuti dzina m'gulu adiresi mzere wa tsamba. Inde, nthawi yoyamba ndi ovuta kuwamvetsa. Yesetsani kuwerenga chitsanzo.
Tiyeni tinene kuti ife tiri pa tsamba 3 midadada div ndi zina ID: id1, id2, id3. Tilinso limasonyeza atatu kuti mfundo lolingana href: # id1, # id2, # id3. Pamene inu dinani kugwirizana yoyamba adiresi mzere wa tsamba pambuyo ulalo ID chogwirizana adzakhala tsamba yokha.
The CSS kwa zokhumudwitsa zonse div mwachindunji katundu anasonyeza: palibe, kuti, iwo asonyeza zotsatira. Ife ntchito chandamale: div ndi kupereka chuma anasonyeza: chipika. Tsopano, pamene inu alemba pa maulalo ndi zina href ndi, midadada ndi ID chogwirizana ndi nkhani anasonyeza: chipika, ndipo chotero, iwo amayamba kuoneka pa tsamba! Pamene inu dinani kugwirizana kuti href = HTTP: // malo / Nkhani / 319683 /% E2% 80% 9D # id1% E2% 80% 9D adzakhala kutchinga ndi id1, ndi zina zotero ..
Sakumvetsabe chilichonse? Yesani kuyetsa. Pangani mawonekedwe tsamba ndi masitaelo tafotokozazi. A patatha mphindi zingapo muli wamkulu chithunzi chirichonse.
Zoyerekeza kuti ingagwiritsidwe ntchito mbali iliyonse
Ambiri mwa pamwamba ananena kuti zoyerekeza-limasonyeza kwa ntchitoyo. Komabe, si zinthu zonse muyenera . embodiments angapo ingagwiritsidwe ntchito mbali ina ya tsamba kwathunthu.
- : Yogwira ntchito zinthu kalembedwe limene wosuta kudina kumanzere mbewa batani;
- : Fungatirani - CSS kwa zinthu zimene wosuta amakapakapa;
- : Cholinga - magawo a tsamba, amene tsopano ali wofunika kwambiri. Izi zoyerekeza kalasi kawirikawiri amagwiritsidwa ntchito ndi mitundu. Mwachitsanzo, ngati mukufuna kusankha Dzina wogwiritsa mwamsanga pamene mlendo amapereka cholozera pa izo ndi kuyamba otchulidwa kuimba.
Kumbukirani kuti: yogwira chomveka yekha pa nthawi ya imachepa. Chikadzangotha kuchotsa batani kumanzere mbewa wayikidwa mothandizidwa ndi masitaelo idzapita ndi item adzakhala anasonyeza mmene anasonyeza kusakhulupirika. Nthawi zambiri izi zoyerekeza kalasi ntchito kugwira ntchito ndi mabatani. Inu mukhoza kuika iwo kuti ambiri limati. Mwachitsanzo, batani kusakhulupirika ndi buluu, fungatirani - wobiriwira, kukanikiza - wofiira, etc ...
Kumene okha-zabodza makalasi ndi imayendetsedwa ndi asakatuli ano. Mwachitsanzo, mu IE6 ndi 7 sadzatha ntchito cholinga, ndi fungatirani ndi yogwira okha Buku lina mu IE6. Tikukhulupirira, mulibe ntchito ndi asakatuli izi, koma ngati inu panafunika, ntchito ndemanga makonzedwe.
zoyerekeza zina
Zosintha tatchulazi mndandanda sasiya kumeneko. Only m'gulu zinthu angathe kubwezeretsedwanso kuyamika CSS amakono (: chinathandiza) kapena monga unadulidwa (: olumala), yekha masiwichi amalembedwa checkbox ndi wailesi (: kufufuzidwa). Mwachidule, longosolani ndi options angapo amene mungagwiritse ntchito kwa kulamulira bwino maonekedwe a okhutira.
- : Wobadwa mwana - amatuluka zotheka kugwiritsa ntchito sitayilo chinthu chimene chiri chinthu mwana yekha;
- : Lang - kugwira ntchito ndi zinthu zimene wawapatsa chinenero ntchito Lang chikhumbo;
- : Muzu - ntchito kusankha zinthu mizu. Choncho, munthu wotero HTML opatsidwa ndi ;
- : Si - chida champhamvu kwambiri. Iwo amalola kuti asagwiritse ntchito masitaelo a selectors. Pano pali chitsanzo: .blue mtundu: ayi (chikhato ). selector A kutsatira kalembedwe kuti zinthu zonse ndi kalasi buluu mtundu, ngati iwo sali .
Full mndandanda wa makalasi zoyerekeza sangathe anatambasula pa tsamba limodzi. Ambiri ukonde okonza ntchito kuchita okha ena a iwo ankaona kuti kusamalira chikhalidwe ndi JavaScript. Inde, ndi yabwino, koma pali ena mphindi kumene zotsatira aluso chikwaniritsidwa mosavuta, kugwiritsa ntchito zoyerekeza yoyenera.
Similar articles
Trending Now