CSS: hover. Aslina hover-épék

Radikal anyar éta pamanggih mun ditilik ti presentasi inpormasi ti kode eta dijieun jeung diolah. Ieu kaputusan kuat dina jangka waktu alatan tapi waktos ieu teu dipikawanoh lajeng pinuh. Nalika programming anu dipisahkeun ti hiji komputer, tapi henteu meunang dina jaringan lokal atawa zone domain tunggal, jeung geura nyebarkeun sakuliah tempat, tapi lajeng eta janten atra yén penyediaan informasi (dina jihat desain) jeung dianggo kalayan eta (dina istilah kode) - dua samping dina pesawat nu sami.

Tilu facets wangunan situs

Ti titik formal of view, aya tilu komponén utama (dina rupa rumpaka guises) nu nyieun nepi loka: PHP-kode, JavaScript-kode jeung pedaran gaya CSS. Henteu masalah kumaha biasa digunakeun jeung naon versi komponén nu tangtu, naon versi HTML keur dipake tur naon versi pangotektak patut eta. Cocog dinten teu diayakeun di diri tinggi, sabab iraha wae dibikeun nyaeta liwat: anu disandikeun sarta yén naon anu disandikeun, bisa ditampilkeun tur dieksekusi.

Lamun saacanna perang pikeun pamanggih basa, ayeuna tarung kapiran resep pabrik standar dina widang téknologi internét na panyungsi.

Wasta na publik

Sarana ku nu ngakses ka Internet, loba (komputer, laptop, tablet, smartphone), panyungsi, teuing, abound. Aya garansi yén alat individu bakal nembongkeun situs dina formulir nu eta dijieun ku pamekar a. Teu salawasna ngahontal udagan usaha panungtungan, sarta nyadiakeun desain web hasil ngahijikeun Tatar boga loba rupa, éta téh hakekat tampilan persatuan, dimana wae eta bisa dibuka mun nganjang ka.

Ngabagikeun swasta jeung publik, ngagunakeun dimungkinkeun ngan kumaha jalan, anjeun tiasa ngahontal kamajuan signifikan dina rarancang. Beauty, momen artistik sarta web design - pusaka ti ahli na bakat relevan. CSS - kode, sanajan pisan aneh. perhatian pikeun nerangkeun gaya (pilihan tampilan). Ku mecenghulna alat nu bagerak CSS pikeun muka éta coding sabenerna queries media. Ku kituna éta pilihan tina ulang nikah antara rarancang jeung kode - teu jadi unrealistic sakumaha eta bisa geus seemed ngan sababaraha taun ka tukang.

The pamekar aktipitas ngembangkeun CSS-gaya dumasar kana pangalaman pribadi anjeun sarta dibuktikeun eta desain CSS nu dianggo dina paling panyungsi nyugemakeun paling datang. jajaran kahiji jeung kadua minimum kudu dipaké salaku loba nu jéntré, teras leuwih gampang meunang hasil anu hade ampir mana, iraha wae.

Aturan kahiji: Standar harepan, tapi ogé maranéhanana anu mantuan diri

CSS: hover - nalika beurit téh "Isro" dina kaca item. Nalika beurit keur diklik dina unsur, janten aktif, tapi lamun kursor mana anu ka gigir, éta bisa ngarobah deui, sarta némbongkeun diri dina kaayaan aktif. ": Hover", "aktif" jeung "dilongok" - nu pang populerna pseudo-kelas dina pedaran gaya.

Hal ieu kacida merenah dina kode situs anjeun teu salempang ngeunaan trifles kayaning gerakan tina mouse leuwih unsur. Nyadiakeun dina tabel ngajéntrékeun dua déskripsi ngeunaan gaya:

unsur {

Warna: hideung;

}

unsur: hover {

Warna: bodas;

tukang-warna: héjo;

}

Ménta mun anjeun hover beurit dina unsur otomatis robah warna téks ti hideung jeung bodas, sarta robah latar tukang unsur ka héjo. Pseudo bisa dilarapkeun ka unsur naon na ngahontal rupa-rupa épék visual.

Aturan kadua: standar amanah, anu dipandu ku kode na

Sagalana bakal jadi rupa lamun kamajuan tetep dina komputer tur laptop dilengkepan leungeun, sarta kamajuan dina komunikasi mobile teu ngarah ka mecenghulna smartphone, tablet jeung alat nu bagerak séjén anu nyambungkeun alat saperti pisan masalah.

Di sisi séjén, ngan dilengkepan gadget layar toél husus keur sadia langsung ngamanipulasi ramo Anjeun dina layar toél, sabab geus jadi adat pikeun smartphone, tablet jeung alat sarupa.

Aya béda anu signifikan jeung: hover jalan dieu teu sakumaha urang hoyong. Taya kode teu bisa ngalakukeun, sarta pamakéan queries média megatkeun teu sakabeh patarosan.

Kasaluyuan - teuing mahal di dunya dinten ieu inpormasi, kituna, pikeun mastikeun fungsionalitas ditangtoskeun loka éta dina sarat dieusian pikeun desain web na palaksanaan hiji fungsi, preferably dipandu ku minimum perlu kasus pamakéan: CSS hover, CSS hover fokus, CSS hover aktif (dilongok) . Beuki kode (saperti dina browser jeung dina server) monitor desain Web, anu hadé. program - nyaéta control teh, nya eta hadé lamun control ieu teu keur nyewa dina rahmat ti standar ayeuna, nu remen teu nyaho naon nyangka.

Tombol sarta elemen séjén kaca

Tombol hover CSS - hiji solusi nu éndah, tapi dina ngajalankeun panjang, tiap kaca unsur teh "tombol". situs kudu utamina hirup sarta lamun kode henteu diwangun, upami tugas nya éta nyieun situs anu tumuwuh lingkup na meta dumasar kana kabiasaan nu nganjang nyukupan, teras sahanteuna ku cara maké CSS-gaya tiasa masihan kaca elemen liveliness.

Paké hover-épék merenah. Kalayan pitulung maranéhanana, anjeun bisa kalayan gampang masihan liveliness kaca anjeun, tapi kode teh teu nyaho naon ngajadikeun mouse dina layar, lamun teu mungkin pikeun ngalacak gerakan na. Ti titik ieu pintonan, nyaeta, lamun gerak ngadalikeun kode mouse (= gerak hiji ramo kana smartphone a), eta bisa bebas nyorot hiji aitem atawa ngarobah eta. Cai mibanda nganggur teu jeung pseudo-kelas, tapi méré kadali pinuh leuwih kaca penampilan kode, mun adequately nembongkeun eta dina alat béda dina panyungsi béda.

Pitfalls di stylesheets

Disebutkeun yen standar dina widang éta gaya CSS teu nyaho naon maranéhna lakukeun, mustahil, tapi disebutkeun yen aranjeunna pinuh cooperate jeung standar lianna dina widang programming internét oge mungkin.

Gaya na pseudo-kelas bisa digambarkeun di panggung kaca coding, nalika server dibangkitkeun kaca na di dinamika geus jero browser, Anjeun bisa kalayan gampang nyieun hiji gaya anyar jeung ngarobah hiji hiji aya.

Ngagunakeun AJAX, nalika aya teu kudu ka kaca pikeun nembongkeun respon kana aksi tina nganjang ka ngahasilkeun ulang, sarta éta cukup keur ngaganti hiji item atawa sababaraha item nambahan saeutik "lada". "Silaturahim" kode - nu geus di panyungsi (JavaScript) jeung kanyataan yen server (PHP teh) - nu pusaka panulis (programmer) loka.

Tentang kumaha carana algoritma interaksi ieu bakal dieksekusi, nyata gumantung teu ukur dina tampilan dina kaca unsur anak, tapi ogé persépsi maranéhanana kode salajengna. Kantun nempatkeun, anu pseudo (hususna) anu pohara alus pikeun statis, kawas keur yachts sailing di laut jelas ku angin ngahiliwir lampu - sagalana jelas, diaksés na manageable. Mun robah cuaca, atawa nalika angin anu kuat, atawa bakal ngabalukarkeun nganjang ka hiji situasi terduga, anjeun tiasa gancang turun dina karang jeung kaleungitan nganjang ka.

Baku sarta emulation na

Gaya nu CSS hover nu bisa ditiru via JavaScript, ngaliwatan pamakéan onmouseover na onmouseout acara. Mindeng ieu sadayana tungtung. Ti sudut pandang tina common sense lamun datang ka nyieun situs kerja nyata, eta leuwih hade tetep kontrol dina leungeun maranéhna, ti méré eta di rahmat tina standar mitis nu robah nyaeta wasiat sarta kahayang pamekar nu.

Kadang-kadang nu bisa maca hal kawas, "fitur ieu mangrupa sadia malah dina IE» tapi nu leuwih lengkep bisa maca ngeunaan gaya naon ditanggap ngajelaskeun hiji browser husus. Teuing kirang tiasa diajar ngeunaan kumaha carana JavaScript mah béda dina panyungsi béda.

Evaluating pangalaman, admiring fitur "Chrome" jeung "Opera", criticizing nu slowness na inersia tina browser ti produsén (tina unforgettable, dear mun IE tina "Microsoft" sagala programmer: "The alus heubeul Internet Explorer henteu dilaknat ngan kedul atawa sakur dina komputer. ngan weruh kumaha carana maén "Solitaire", "- dicutat hiji pangarang Internet kanyahoan), kedah turutan mean emas: make naon gawéna unggal madhab sarta sepanjang waktos.

Jalma kudu parabot digawekeun nalika maranéhna kudu meunang thrills, aranjeunna biasana buka kantor pendaptaran atawa téater, tapi teu Internet.

Emulation na Control

Saméméhna, nalika programming anu meunang dina suku na, ieu adat ngadangukeun manula jeung nulis neuleu. Dinten loba teuing manula, teuing gancang sagalana geus ngarobah, sarta lamun ngadangukeun sadaya waktu teu cukup malah keur pakasaban pisan basajan, di situs hanca minimum.

Programming - utamana kontrol, sarta dina kasus lamun standar susunan bias aturan, atawa Anjeun bisa ngaharepkeun parobahan seukeut tina aturan, liquidation sarta mecenghulna anyar, leyuran pangalusna geus salawasna geus teu nyieun kaputusan sagala, sarta nerapkeun kagunaan loka diperlukeun pangleutikna mungkin, tapi kode bener digawé .