CSS: kisaran. Original kisaran-efek

Radikal malih anyar ana ing idea kanggo dibagi presentation saka informasi saka kode iku digawe lan diproses. Iku kaputusan kuwat ing wektu amarga, nanging wektu iki ora diakoni banjur kanthi. Nalika program wis kapisah saka komputer siji, nanging ora menang ing jaringan lokal utawa zona domain siji, lan langsung nyebar ing sedaya panggenan, nanging banjur dadi ketok sing panentu informasi (ing syarat-syarat desain) lan bisa karo (ing syarat-syarat kode) - loro sisih ing bidang padha.

Telung facets bangunan situs

Saka titik formal tampilan, ana telung komponen utama (ing macem-macem ukara guises) sing arupi situs: PHP-kode, JavaScript-kode lan gambaran saka gaya CSS. Ora ketompo carane kang digunakake lan apa versi komponèn tartamtu, apa versi HTML digunakake lan apa versi browser worth iku. Kompatibel dina ora dianakaké ing sanès, amarga ing sembarang wektu tartamtu punika kasep: sing dienkode lan sing kang dienkode, bisa ditampilake lan kaleksanan.

Yen sadurunge perang kanggo idea saka basa, saiki perang muspra seneng manufaktur standar ing lapangan teknologi Internet lan browser.

Pribadi lan umum

Liya kang ngakses Internet, akèh (komputer, laptop, tablet, Smartphone), browser, banget, wis sugih. Ana ora njamin yen piranti individu bakal nampilake situs ing wangun kang digawé dening pangembang. Ora tansah tekan target gaweyan pungkasan, lan nyedhiyani desain web ndadekake akeh pasuryan, sing pet tampilan manunggal, ngendi bisa dibukak kanggo para wisatawan.

Nuduhake ing pribadi lan masyarakat, nggunakake terakhir mung apa dianggo, sampeyan bisa entuk wujud proses ing rancangan. Beauty, wayahe seni lan desain - warisane saka ahli lan bakat cocog. CSS - kode, sanajan banget aneh. badhan kanggo njlèntrèhaké gaya (opsi tampilan). Kanthi tekane saka piranti mobile CSS kanggo mbukak werna nyata pitakon media. Supaya pilihan saka re-marriage antarane desain lan kode - iku ora supaya unrealistic minangka bisa wis ketoke mung sawetara taun kepungkur.

Pangembang melu ing pembangunan CSS-gaya adhedhasar pengalaman pribadi lan buktiaken sing designs CSS sing bisa paling browser gawe marem paling pengunjung. sing pisanan lan kapindho minimal kudu digunakake minangka akeh minangka bisa, banjur akeh liyane kamungkinan kanggo njaluk asil sing dianggo sakbenere ngendi wae, kapan.

Ing aturan pisanan: Standard pangarep-arep, nanging uga sing nerjemahake bantuan piyambak

CSS: kisaran - nalika mouse punika "ical" ing kaca item. Nalika mouse wis diklik ing unsur, iku aktif, nanging nalika kursor dadi kanggo sisih, bisa ngganti maneh, lan nuduhake piyambak ing negara aktif. ": Kisaran", "aktif" lan "dibukak" - paling populer pseudo-kelas ing gambaran saka gaya.

Iku banget trep ing kode situs ora padha sumelang ing bab trifles kayata gerakan saka mouse saka unsur. Nyediakake ing meja njlentrehke loro nang gaya:

unsur {

werna: ireng;

}

unsur: kisaran {

werna: putih;

latar mburi-werna: ijo;

}

Diwenehi nalika kisaran mouse ing unsur kanthi otomatis ngganti werna teks saka ireng putih, lan ngganti background saka unsur kanggo ijo. Pseudo bisa Applied kanggo unsur lan entuk macem-macem efek visual.

Ing aturan liya: standar dateng, dipandu dening kode sawijining

Kabèh bakal nggoleki yen proses tetep ing komputer lan laptop dilengkapi karo tangan, lan maju ing komunikasi mobile durung mimpin menyang emergence saka Smartphone, tablet lan seluler piranti liyane sing nyambung piranti kuwi banget masalah.

Ing tangan liyane, mung dilengkapi gadget layar tutul khusus kasedhiya langsung ngapusi driji ing layar tutul, kang wis dadi umume kanggo Smartphone, tablet lan piranti padha.

Ana prabédan wujud lan: kisaran dianggo kene ora kita kaya. Ora kode ora bisa apa, lan nggunakake pitakon media nemtokaken ora kanggo kabeh pitakonan.

Kompatibilitas - larang banget ing donya dina saka informasi, mulane, kanggo mesthekake fungsi sing tepat saka situs ing syarat kasebut kanggo desain web lan penyelenggaraan fungsi, luwih dipandu dening minimal perlu kasus panggunaan: CSS kisaran, CSS kisaran fokus, CSS kisaran aktif (dibukak) . Sing liyane kode (minangka ing browser lan ing server) alat design, sing luwih apik. Program - iku kontrol, iku luwih apik yen kontrol ora kanggo rent ing sih saka standar saiki, kang kerep ora ngerti apa nyana.

Tombol lan unsur kaca

Button kisaran CSS - solusi apik, nanging ing roto dawa, saben kaca unsur punika "tombol". Situs kudu utamané urip lan yen kode ora dibangun, yen tugas iki kanggo nggawe situs sing develops orane katrangan lan tumindak adhedhasar prilaku manca cukup, banjur ing paling kanthi CSS-gaya bisa menehi kaca unsur liveliness.

Gunakake kisaran-efek trep. Kanthi bantuan, sampeyan bisa kanthi gampang menehi liveliness kaca, nanging kode ora ngerti apa ndadekake mouse ing layar, yen ora bisa kanggo trek gerakan sawijining. Saka titik tampilan, sing, nalika gerakan kontrol kode mouse (= gerakan saka driji ing smartphone), iku bisa independen nyorot item utawa kanggo ngowahi iku. Iku wis boten apa karo pseudo-kelas, nanging menehi lengkap kontrol liwat kaca katon kode, cekap kangge dipun pameraken ing piranti beda ing browser beda.

Pitfalls ing stylesheet

Ngomong sing standar ing lapangan gaya CSS ora ngerti apa sing dilakoni, iku mokal, nanging kanggo wong sing padha kanthi kerjo karo standar liyane ing lapangan program internet uga mokal.

Gaya lan pseudo-kelas bisa diterangake ing tataran saka kaca werna, nalika server ngasilake kaca lan ing dinamika wis nang browser, sampeyan bisa kanthi gampang nggawe gaya anyar lan ngganti siji sing ana.

Nggunakake AJAX, nalika ana ora perlu kanggo kaca kanggo nampilake nanggepi tumindake saka manca generate maneh, lan iku cukup kanggo ngganti item utawa sawetara item nambah sethitik "mrico". "Men" code - sing wis ing browser (JavaScript) lan kasunyatan sing server (PHP ing) - warisane saka penulis (Programmer) Situs.

Carane algoritma saka interaksi iki bakal kaleksanan, Ngartekno ora mung gumantung ing tampilan ing kaca saka sawijining unsur, nanging uga pemahaman kode luwih. Cukup, ing pseudo (ing tartamtu) sing apik banget kanggo statis, kaya kanggo yacht sailing ing segara langit karo breeze cahya - kabeh iku cetha, diakses lan diatur. Yen owahan cuaca, utawa nalika angin iku kuwat, utawa bakal nimbulaké manca kahanan sing ora dikarepke, sampeyan bisa kanthi cepet mudhun ing karang lan rusak manca.

Standard lan emulation sawijining

Gaya CSS kisaran bisa Tulada liwat JavaScript, liwat nggunakake onmouseover lan onmouseout acara. Asring kabeh ends. Saka sudut saka pangertèn umum nalika nerangake nggawe situs apa nyata, iku luwih apik kanggo njaga kontrol ing tangan, saka kanggo menehi iku ing sih saka standar mitos sing ngganti iku bakal lan kepinginan saka pangembang.

Kadhangkala sing bisa maca kaya, "fitur iki kasedhiya malah ing IE», nanging luwih bisa maca babagan gaya apa sing wikan njlèntrèhaké browser tartamtu. Kathah kurang bisa mangerteni carane JavaScript iku beda ing browser beda.

Ngevaluasi pengalaman, admiring fitur "Chrome" lan "Opera", kritik slowness lan inersia saka sawijining browser saka Produsèn (saka ora iso lali, dear kanggo IE saka "Microsoft" sembarang Programmer: "Becik lawas Internet Explorer ora kena ing ipat-mung keset utawa sapa ing komputer. mung mangerténi carane muter "Solitaire", "- dipetik penulis Internet dingerteni), kudu tindakake tegese Golden: nggunakake apa dianggo nang endi wae lan kapan wae.

Wong kudu pribadi kanggo bisa nalika padha kudu thrills, padha biasane menyang kantor pendaptaran utawa teater, nanging ora Internet.

Emulation lan Control

Sadurunge, nalika program iki njupuk ing sawijining kaki, iku umume kanggo ngrungokake tuwo lan nulis bener. Dina iki akeh banget seng luweh tuwo ki cepet kabeh wis ganti, lan yen sampeyan ngrungokake kabeh wektu iku ora cukup malah kanggo proyek banget prasaja, ing situs fungsi minimal.

Programming - utamané kontrol, lan ing kasus nalika standar set prasongko aturan, utawa sampeyan bisa nyana pangowahan cetha saka aturan, liquidation lan emergence saka anyar, solusi sing paling apik wis mesthi wis ora kanggo pancasan, lan ngleksanakake fungsi situs sing dibutuhake cilik bisa, nanging kode tenan apa .