CSS Balukar: juru rounded sahiji elemen

Rumpaka tina Cascading Style cadar dirancang jadi saukur yén kamungkinan meunangkeun rarancang paling kaduga nyaéta sadia malah tebih ti programming tur ngembangkeun situs manusa. Sugan kanyataan yén barudak maén kalawan blok tetep dina mémori dulur urang, nganggo pangalaman multi faceted dina HTML, CSS téh gampang.

Sanajan kitu, dina programming ayeuna masih pohara laér ti presenting constructions tina kanyataan. Nepi ka ayeuna, sagala aréa (nempatan naon anjeun resep block unsur) dina salah sahiji harti na jeung janjian formal bentuk rectangular, anu kabentuk dina garis kurva kontur nu dipikahoyong.

Nepi ka ayeuna, sagala bunderan, rounding radius, kumaha hiji lempeng melengkung jeung saterusna. P. ngajelaskeun persamaan kompléks matematik atawa batu leutik pisan, trapezoids, triangles atawa elemen rectilinear séjén anu dibédakeung jeung panon salaku titik dina jalur.

Desain lempeng Palasik

Teu heran kamajuan dina widang programming sarta informasi téknologi legalized design rectangular. gagasan inovatif teu runtah waktu dina bentuk rounded, tapi ulah poho pikeun nampilkeun di pembuangan tina pamekar cukup fitur sarta tag HTML aturan, CSS jeung basa programming nu patali.

Sagala unsur dipaké dina kaca mangrupakeun aréa rectangular, nu eta geus disadiakeun sababaraha bagian, diantarana dina unggal hal kudu dipake ngan diperlukeun tempo syarat krossbrauzernosti fitur aksara eusi husus disadiakeun constructions sintaksis.

aturan umum pikeun CSS

Cascading Style cadar nawiskeun ka nerangkeun elemen saperti kieu:

• sipat: nilai.

Dina hal ieu, sipat - ngaran husus tur nilai tiasa boh ngaran atawa Listing tina ngaran atawa nilai.

Ngeunaan unsur block tur kudu ngalakukeun via CSS rounded juru, ngajadikeun rasa ngagunakeun harta wates-radius jeung nilaina di format "38px" atawa "8px 16px 24px 38px".

Lamun nilai dirumuskeun ku jumlah tunggal, eta bakal nangtukeun kana pamadegan pikeun sakabéh sudut. Catetan sadaya opat nilai nyaéta:

• Jumlah munggaran - ka belah kénca juru luhur;
• kadua - ka katuhu luhur;
• nu katilu - ka katuhu handap;
• panganyarna - ka kénca handap.

Ngabagikeun sababaraha aturan

wates konsep, gambar jeung latar bisa dipaké babarengan. Ieu normal, sarta disebutkeun aturan ulah ngaganggu saling ngabentuk komposisi sakabéh. Hal utama - keur akun pikeun kanyataan yen nami unggal sahijina ngagambarkeun, jeung kumaha eta anu dilarapkeun.

Sateuacan ngalaksanakeun atawa unsur anu, hal anu penting pikeun ngalaksanakeun sababaraha percobaan jeung karya test dina sababaraha panyungsi. Orientasi kana nasehat nu, saran, conto pihak-katilu atawa sintaksis CSS, rounded juru, jeung saterusna. N. Dupi jarang hadé prakték seger sorangan.

Kadé ngartos yen wates, gambar, dina jihat sudut design - tipe sarua konsép. Gambar bisa dibere moal di PNG-format. Anjeunna bakal neukteuk off ku panyungsi kana, luyu jeung aturan ngadeg di CSS di. juru rounded - pamekar miara, paduli squareness tina bahan sumber.

Pitur HTML, CSS ti panyungsi

Wilujeng sumping rekaman Style borongan - pikeun sakabeh panyungsi sakaligus. Atoh conto klasik dina topik "CSS di: rounded juru" tawaran nulis kitu:

latar: # FF7F00; / * Kasang tukang * /

wates: 1px #CCCCCC solid; / * Border * /

-moz-wates-radius: 10px; / * CSS rounded juru pikeun Mozilla Firefox * /

-webkit-wates-radius: 10px; / * ... keur Safari sarta Chrome * /

-khtml-wates-radius: 10px; / * ... Konquerer * /

Wates-radius: 10px; / * CSS The rounded juru pikeun sakabéh * / jeung saterusna. N.

Sanajan kitu, di hal nu ilahar ieu cukup pikeun nangtukeun aturan panungtungan. Redundancy kudu dipake ngan lamun aya anu peryogi nyata.

méja klasik sarta éndah

Sanajan sababaraha perenah controversies ngarojong tabel (TR, TD) jeung pilihan tina ngagunakeun tag div jeung bentang ( «kacida alusna" perenah), obyektif prakték favored pilihan alesan perlu.

Dina divs gaduh sababaraha harkat di tabel lianna. Mun aranjeunna teu pelengkap saling, sarta ngan bersaing, pertanyaan bakal gancang ngejat dina hiji versi anu ngagabungkeun aspék pangalusna tabel sarta divs.

Kalolobaan situs dijieun ngagunakeun CMS (sistem manajemen eusi), sarta dina pembuangan of pamekar asalna teu ukur rupa-rupa "raksasa" datasets tina ratusan polder, objék, tapi ogé tabel.

Tag [div | bentang], saperti misalna, teu nangtung kaluar, tapi hijina hal anu asalna persis di rahmat lengkep pamekar nu - a stylesheet CSS. Jeung sagala CMS jelas misahkeun kodeu, bagian tina eta tina kreativitas éta pamekar sarta gaya sorangan gaya ditambahkeun, sarta dina kasus parobahan (misalna css - rounding juru meja), anjeun tiasa salawasna mulangkeun setelan sareng gaya standar.

Ngagambarkeun kurva sarta sudut henteu katutup ku sintaksis

Anjeun mastikeun tiasa abide ku sagala aturan HTML, CSS, tapi mun boga hasilna, aranjeunna teu disadiakeun. Superimposing elemen ka silih, kasebut nyaéta dimungkinkeun pikeun ménta naon wewengkon konfigurasi nanaon. Pake PHP-ngembangkeun on server, Anjeun bisa ngirim jeung browser nu nganjang sarta berkas gaya rék di selapkeun kana éta kodeu JavaScript luyu dina awak HTML-file atawa misah JS-file.

Sagala varian circuit, formulir salah sahiji unsur sipat nyaeta aturan CSS! juru rounded - saukur hususna, sarta kasempetan nyata loba lega. Dina hal ieu, program objék sorangan, anjeun teu bisa nengetan ka ciri tina panyungsi individual, make mung tag na struktur basa hiperteks, nu katarima ku sakabeh, tanpa panyungsi iwal.

Ngagunakeun pamanggih programming obyék-berorientasi, anjeun tiasa ngarancang katingal tina sudut atawa kurva a ieu écés moal foreseen ku sagala bentuk browser. Dina hal ieu, teu perlu nu kieu bakal sudut daerah, nu asalna mangrupa wangun rectangular. Kadé komponén tina kurva digambarkeun dina bentuk aturan CSS, digabungkeun kana kode obyék JavaScript visual tunggal jeung wanoh katuhu dina tempat browser katuhu, ngagambarkeun diri dina formulir nu bener.

téhnologi ieu teu ngaganggu objék sapertos sadar dirina dina tilu diménsi pesawat atawa acara animasi.