CSS, ekunyebera, ekunyebera: kuyengerera, mwana, chipfuro

Nokuva HTML uye CSS, unogona kudzora zvachose vose zvinhu yemapeji. With kuno- unogona kushandura nyore Zvinoonekwa upi nechigumbuso kana mutsetse. Kazhinji coder vanoda kuita zvakawanda kunzwisisa basa - kuchinja Zvinoonekwa ari chinhu hauna, somunhu yoga chikamu kana chimwe mamiriro. Panyaya iyi, kubatsira ekunyebera CSS.

Ekunyebera ushande chete musimboti sezvo dzose makirasi ari markup, asi panyama havasi kupa pano. Vanogona kusarudzwa pachishandiswa zvinhu zvisiri gwaro mashoko, chisingafaniri sarudza senguva selector. Heuno muenzaniso nyore: une dzvuku bhatani, uye uchida kana iwe kuyengerera zvakava mutema. Tichingotarisa, rinogona rakatangwa muna JavaScript, asi nei zvakaoma? Zvikuru yakakodzera kushandisa : kuyengerera CSS. Uchibatsirwa kwayo unogona kupa chero chikwata ari parameters kuti zvichaita kukonzerwa chete kana negonzo cursor.

List kuti CSS ekunyebera makirasi vari aigara achiudza. Zvichida, paunenge iverengwe iyi, yakawanda itsva rinooneka. Chokutanga, funga vaya akazviratidza CSS3 Specification.

: Nth-of-mhando

Ngatitii une mazita umo muchida kushandisa rakatumbuka mavara, T E. mutsetse wokutanga Somuenzaniso, zvakanyorwa tsvuku tsamba, uye wechipiri -. Zvitema, wechitatu zvakare mu tsvuku, wechina zvitema zvakare. Kare, waifanira kusika makirasi matsva. Marongerwo kare akawedzera nechimwe chinhu pamazita mukirasi, uye akabva achinja pakuonekwa kwavo stylesheet. Yakanga isiri hwomutambarakede uye uchisvibisa marongerwo.

Zvino zvose zviri nyore. Use CSS ekunyebera Kirasi: nth-of-mhando. Izvi achapa mukana kuwana zvaaida kuona chaizvoizvo, pasina kuchinja chinhu ari markup. The musimboti iri nyore: pamunopinda selector, uye mumabhuraketi mushure zita kunyora nzira yemaitiro kana guru kuti achawana runodiwa zvinhu. Somuenzaniso ,: nth-of-mhando (kunyange) vachatitaka zvose kunyange zvinhu, uye: nth-of-mhando (Zvinoshamisa) - iri vasinganzwisisike. Kune vakawanda Masvomhu kuti anoshandiswa chaizvo kudzora. The mumabhuraketi anoratidza zvinobvira nhamba - kana ichi zvitaera kuti kushandiswa chinhu ane indekisi akaenzana nhamba iyi.

: Nth-mwana

Izvi CSS ekunyebera kirasi panheyo chiito hwakafanana yapfuura mumwe, asi kusiyana nayo inoshanda chete pamwe vana yasarudzwa chinhu. Somuenzaniso, kana uchida kushandisa kuti gadzirisa chimiro Tags ari pamazita, unofanira kushandisa kuvaka Ul: nth-mwana, nokuti

ndiyo mubereki .

For chaiwo kudzora nzira inogona kushandiswa. Ivo zvakaoma kuti mutsva, asi zvinokosha zvishoma kupinda nemarongerwo sei zvose zvinova nyore zvakadzama. The Masvomhu ndeinotevera: ive + b, uko - ari chinhu, uye, b - zvaizopedza. Somuenzaniso, kana ari parenthesis zvinoratidza N, kuti ekunyebera anosarudza zvose mwana zvinhu (nokuti kusingajekeswi mamwe mazwi ari muchimiro uye b). Kana iwe kutaridzwa N + 2, zvose zvakashandiswa kunze wokutanga (nokuti zvaizopedza akaenzana maviri) uchapiwa kusarudzwa. Kupfuura zvose, nguva ino yokudzidza uchidzidzira. Vaedze mwana zvinoriumba uye Masvomhu siyana.

: Last-mwana

Zvose zviri nyore. CSS mwana ekunyebera makirasi zvinoshandiswa kusarudza imwe chinhu. Izvi anosarudza mwana wekupedzisira rokuti mubereki. Rinoshandiswa kazhinji Somuenzaniso, kusarudza okupedzisira mutsara patafura kana kubvisa indentation kubva wokupedzisira chinogumbura kudzivisa kuchinjwa yayo inotevera mutsetse.

: Nth-ekupedzisira-mwana

By nheyo kushanda zvakafanana yambotaurwa nth-mwana, asi zviito negwara risiri, kureva. E. paaishandisa zvinhu kuchaita kumusoro. Izvi zvinobatsira kana unofanira kuwana okupedzisira zvinhu zvishomanana.

Ungafunga kuti izvi ekunyebera makirasi uye ekunyebera okunze CSS kusingabatsiri, sezvo uchigona zvinhu zvakanaka kubudikidza kwakajairika makirasi. Izvi hazvisi izvo. : Nth-mwana ,: nth- ekupedzisira-mwana uye avo analogs zviri nyore chaizvo kana kushanda guru rokuvaka - somuenzaniso, mune zviitiko apo chinogumbura ane hombe nhamba yevana. Manually kuronga makirasi refu uye zvakaoma.

Ekunyebera neHurumende

Zvakadini kana unofanira kuchinja chitarisiko ane chinhu imwe ezvinhu? Izvi zvakaitika inopa CSS ekunyebera nekudzvanya, zvigunwe nezvimwe zviito. Ngationgororei navo zvizere.

: Link

Izvi ekunyebera CSS Magwaro, kwete zvose, asi avo chete kuti vasati akashanyira. Mariri unogona tsanangurai zvitaera kuti zvinhu , nokuti iyo inodzidzisa hakusati akapfuura.

: vakashanya

An analogue of rapfuura musimboti, izvo chete chidhiraivho kare akashanyira Links. Kusanganisa izvi zviviri ekunyebera makirasi, unogona gadzirisa chitarisiko Tags sezvaakandiudza uchida. Zvisinei, cherechedza kuti inoti vari dzaona kuti dzakananga browsers uye asunungurwa pashure kurapwa nhoroondo.

The ekunyebera Kirasi: chipfuro CSS

Imwe zvinofadza zvikuru ekunyebera makirasi, izvo kana kushandiswa pamwero unotsiva kushandiswa JavaScript. Inoita kuzvidzora kuti identifier aisanganisira Napamusara Kero peji. Hongu, nguva yokutanga zvakaoma kunzwisisa. Edza parse muenzaniso.

Toti tiri papeji 3 zvinogumbura div navamwe id: id1, id2, id3. Tinewo Links mitatu runoenzanirana tsika href: # id1, # id2, # id3. Kana iwe tinya rokutanga link kero pakapuranga peji mushure kubatana kusvika peji pacharo richava runoenzanirana ID.

The CSS nokuti kutigumbura zvose div yakanatsa pfuma vanoratidza: hapana, kuti, havasi kunoratidzwa default. Tinoshandisa chipfuro: div uye mupe mumwe pfuma kuratidza: misa. Zvino, kana imi tinya Links navamwe chete href, zvinogumbura pamwe runoenzanirana ID ichapiwa vanoratidza: misa, uye saka, Vachabva vatanga kuonekwa papeji! Kana iwe baya kubatana kuti href = http: // nzvimbo / nyaya / . 319683 /% E2% 80% 9D # id1% E2% 80% 9D achaita kuvhara pamwe id1, uye zvichingodaro D.

Vachiri havanzwisisi chinhu? Edza kuedza. Gadzira peji marongerwo uye zvitaera pamusoro apa. Maminitsi mashomanana gare gare une chikuru mufananidzo zvose kunze.

Pseudo kuti rinogona kushandisirwa chero chinhu

Vazhinji-pamusoro apa ekunyebera Links vanoenderana nebasa racho. Zvisinei, kwete zvinhu zvose tinoda . Vanoverengeka embodiments rinogona kushandisirwa chimwe chikamu peji chose.

• : Active inoshandiswa nemanyorero zvinhu pamusoro izvo User the clicks kuruboshwe mbeva bhatani;
• : Kuyengerera - CSS kuti masangano dzakasvikwa mushandisi Rinoengerera pamusoro;
• : Pfungwa - zvikamu avo peji, iyo zvino vari kukoshesa. Izvi ekunyebera kirasi inowanzoshandiswa kushanda siyana. Somuenzaniso, kana uchida kutaura mutsetse chiyamuro aishandisa zita kana mushanyi hunoronga cursor pamusoro payo uye otanga kuridza runhare vatambi.

Yeuka kuti: active chete kushanda panguva zvenzara. Pakarepo mushure kugumiswa kuruboshwe mbeva bhatani rikaiswa tichibatsirwa zvitaera vachanyangarika uye chinhu zvichabviswa uratidzwe sezvazvakanyorwa akaratidzwa default. Kazhinji, izvi ekunyebera kirasi rinoshandiswa kushanda mabhatani. Unogona akavaraira vakawanda inotaura. Somuenzaniso, kuti default bhatani iri yebhuruu, kuyengerera - green, kurovererwa - tsvuku, etc ...

Chokwadi, chete ekunyebera makirasi zvakazara rinotsigirwa browsers ano. Somuenzaniso, muna IE6 uye 7 havazokwanisi kushandisa pfungwa, uye kuyengerera uye tichishingaira chete duramazwi muna IE6. Tinovimba nemi havazofaniri basa izvi browsers, asi kana imi muchiri kudiwa ikamutswa, shandisa ndokunge comment.

mamwe ekunyebera

Zvokusarudza dzakanyorwa pamusoro pamazita haagumiri ipapo. Chete zvaisanganisira zvinhu zvinogona ngaapiwe nekuvongwa ano CSS (: akwanise) kana chete richivezwa (: vakaremara), chete Minamato haipindurwe akacherekedza Checkbox uye redhiyo (: ndakaongorora). Rondedzera muchidimbu mashomanana nzira dzaungashandisa kuti kunyatsotsanangura kudzorwa zvakafanana tigutsikane.

• : Oga mwana - flushes zvinogoneka kushandisa manyorero kuti chinhu chiri chete mwana eremendi;
• : Lang - kushanda okunze kuti vakapa mutauro uchishandisa Lang chizenga;
• : Mudzi - kushandiswa kusarudza mudzi maatomu akafanana. Saizvozvowo, izvozvo HTML chipepa yatovapo ;
• : Kwete - munhu simba zvikuru. Inoita kuti kurambidza kushandiswa nezvezvimwe zvitayera selectors. Heuno muenzaniso: .blue-ruvara: kwete (span ). A selector kushandisa manyorero kuti zvinhu zvose nekirasi rwebhuruu-ruvara, kana vasiri .

Full pamazita ekunyebera makirasi haagoni ruchatambanudzirwa papeji imwe. Most padandemutande vagadziri kushandisa tsika, chete vamwe vavo, vachisarudza havo dzichengete mamiriro pamwe JavaScript. Hongu, kuti yakavanakira, asi pane dzimwe nguva apo hubudirire zvawanikwa kuda kubudirira chakareruka, vachishandisa zvakakodzera ekunyebera.