CSS Box: impromptu lan efek

gaya runtun sheets (CSS) kanggo kabeh gamblang logis sawijining wis bisa ora mung kanggo nggawe solusi desain biasa, nanging uga nyedhiyani unsur tumindak nyata, niru kinerja kode nyata.

Sembarang tag visual HTML-menehi - sawijining lahan pesagi saka struktur tartamtu lan isi. unsur iki jembaré pratondo koordinat, ukuran, lapis, werna, font, gaya font, lan sanesipun. Frame CSS-unsur nemtokaken wong area dikuwasani, kang dumunung mlebu saka wates ing ditetepake ing kene jembaré.

gambaran sintaksis

FIELD unsur seko kasebut koordinat relatif menyang sudhut ndhuwur kiwa kaca (kiwa, ndhuwur), ukuran ing pituduh horisontal lan vertikal (jembaré, dhuwur). Kabeh desain lan animasi unsur sing digawe ing pasangan "property: Nilai".

Description wis rampung langsung ing kode kaca masang gaya utawa ing file kapisah, pointing marang referensi LINK. ukara:

#name {property: Nilai; property: Nilai; property: Nilai; ...}

utawa

.name {property: Nilai; property: Nilai; property: Nilai; ...}

Jeneng uga bisa dadi p, awak, html, Tabel, td ..., sing jeneng tag HTML-markup. Bisa disambungake langsung karo gambaran saka unsur gaya.

Sadurunge nggawe serep gaya nulis dhewe, ora babras kanggo ndeleng carane iku rampung ing populer, tetep kode kaca, utawa kanthi mencet Ctrl-U kanggo ndeleng langsung ing browser.

Paramèter utama

Bener pigura CSS unsur dituduhake gaya (tapel wates-gaya), werna (tapel wates-werna), jembaré (tapel wates-jembaré). Iku bisa kabeh nyimpulaken ing siji kagungan - wewatesan. Sampeyan bisa njlèntrèhaké saben wewatesan pigura independen (tapel wates-top, tapel wates-ngisor, tapel wates-kiwa, tapel wates-tengen).

pigura CSS diterangake dening aturan umum gaya runtun sheets:

wewatesan: 3px;
wewatesan-werna: abang;
wewatesan-gaya: pindho mlayu ngalangi burik.

Iki mranata jembaré tapel wates 3 piksel, werna - abang, gaya-lorone: sisih ndhuwur pindho, tengen - mlayu, ngisor ngalangi, kiwa - titik.

wewatesan-width: 1px 2px 4px 8px;
wewatesan-werna: biru;
wewatesan-gaya: burik.

Kene, dimensi saka saben sisih uga sequentially saka ndhuwur, Merkurius, Venus, werna - biru, lan gaya - Spot.

wewatesan-werna: biru ireng ijo abang;

ing specification iki, individu kasebut werna ing saben sisih. property wewatesan bisa kalebu macem-macem paramèter, lan ngarepke saka pigura bisa babak:

wewatesan: 1px ijo ngalangi;
wewatesan-radius: 0px 4px 8px 12px;
-moz-wates-radius: 0px 4px 8px 12px;
-webkit-wates-radius: 0px 4px 8px 12px;

Carane nggawe pigura ing CSS, iku gumantung ing migunani saka manca, amarga biasane efek stylistic digunakake kanggo tujuan technical, nalika iku penting kanggo nuduhake lokasi pas lan ukuran area ing kaca.

Ing kekandelan saka pigura lan waé

Kanthi milih kekandelan saka pigura, sampeyan bisa nggunakake px, pt, em ..., nanging kudu digawe ing atine sing tansah ing unsur lapangan. Iku angel kanggo nganggep sing pigura nduwe desain waé CSS, nanging teknis iku banget migunani kanggo nyorot unsur kaca.

Yen kelas pigura utama dikunci, sing absen, dening khusus ing pseudo-kelas: kisaran, iku bisa dituduhake menyang manca saka kaca unsur, nalika iku kursor mouse, kayata nuduhaké item menu. Kadang iku perlu kanggo milih soko kanthi ngeklik ing gambar, utawa seret soko endi wae. Iku banget trep kanggo nggunakake dot pigura, lan ora kanggo ngganti layar mburi unsur utawa isi.

Sawetara aplikasi sing persediaan saka wilayah saka kaca, utawa pilih item kanggo luwih Processing. Ing kasus iki, ing wektu klik ing kanggo nggawe div karo tapel lan anggere minangka manca ora ngangkat tombol mouse, ukurane, nuduhake visual asil pilihan.

njaba ing

CSS Tutorial menarik banget, minangka pentinge riset kode kaca populer. Nanging, ing sumber daya dhewe kudu unik, iku kudu duwe pasuryan dhewe.

Kasedhiya kanggo pangrinciané pigura CSS ora menehi macem-macem kuwi, minangka dhewe inisiatif. Impromptu - wiwitan gedhe, lan boten kita ngalangi pangembang kanggo mbangun pigura dhewe. Utamané karo kabeh prestasi teknologi Internet lan kabisan standar ana duwe akeh gagasan janjeni adhedhasar shortcomings nyata saka ukara ana, kang (by definisi) wis mesthi wis strictly formal.

Ing tartamtu, yen lan kanggo netepake orane katrangan saka unsur tartamtu, dadi misale jek cocok kanggo nglakoni komprehensif. Penting tags individu ing pinggiran lan ngarepke saka wilayah, sampeyan bisa njaluk efek sange. A tanggung jawab Penanganan pamilike, bisa nggawe unsur kaca dinamis, ganti posisi, wangun lan isi.