Tombol CSS. Kauntungan. Gaya. estetika

Meureun aya hiji situs henteu tanpa referential na ka kaca tombol lianna. Sarerea hayang mawa ka perhatian Anjeun loka, sarta dina waktos anu sareng ngagunakeun rupa-rupa cara. Dina desain web diantara aranjeunna ngawengku desain tombol, anu béda nurutkeun parameter béda - duanana dina ukuran jeung bentuk, jeung épék jeung saterusna.

tombol CSS anu pangmerenahna. Pikeun momen aranjeunna lengkep bisa ngarobah gaya. Na, tangtosna, méré kasempetan tambahan pikeun desain situs sakabéhna.

Pikeun starters, pikeun nyingkahan kekeliruan jeung salah paham, perlu ngartos sababaraha konsep.

CSS, nu

CSS, nu hartina dina tarjamah "cadar Cascading Style", nyaeta dinten salah sahiji téknologi utama dina Internet. Tanpa basa masih aya kacangcayaan biaya sahanteuna hiji loka.

CSS-kode - Buku pikeun panyungsi nu ngandung émbaran kayaning elemen tampilan dina kaca na dimana ngalakukeun eta.

Gampang pikeun nyimpen parentah ieu dina file misah jeung .css extension. Di sisi séjén, aranjeunna bisa ditempatkeun di awal html-dokumen.

Tombol dina loka. Naon éta

Tombol, atawa grafis keur navigasi loka kudu narik perhatian nganjang ka tingali yén Aisyah ieu nyumput informasi diperlukeun, jeung sajaba, éta bakal hoyong klik. Nalika éta sahingga caang jeung nonjol, éta bakal meunang noticed. Tombol ieu bisa entice datang, contona, ninggalkeun komentar dina loka, atawa ngirim pamenta ka ngalanggan ka newsletter metot, sarta, tangtosna, saukur mindahkeun bagian pamaké dipénta loka éta.

Tombol anu statis, animasi, dinamis, sora jeung tanpa eta.

Éta bisa husus dijieun, contona, dina Photoshop, sarta unggah hiji gambar ka loka éta, sarta bisa gampang sarta gancang datang nepi ka aranjeunna di CSS di.

tombol CSS

Jieun tombol ieu pisan gampang. Kauntungan agung pamakéan maranéhanana nyaéta yén maranéhna iraha wae, ngan sababaraha detik, Anjeun bisa ngarobah saluareun pangakuan.

Salaku urang terang, aya tilu titik konci:

• beristirahat lamun teu ngalakonan nanaon jeung éta, sakumaha ngan ngotektak kaca;
• posisi di hover kursor leuwih dinya;
• tur ngaktipkeun nalika diklik.

The tombol pinuh akurat ditingal dina panyungsi kawas Firefox, Safari, Opera, Chrome. Dina waktu nu sarua dina Internet Explorer 9 tombol moal ditingal dina pinuh. Contona, babak juru, teks kalangkang na stroke sabudeureun tombol moal katingali didieu alatan kanyataan yén pasipatan ieu teu dirojong ku browser ieu. Sanajan kitu, sacara umum, CSS-tombol pikeun loka Sigana alus dina versi ieu browser nu. Dina Internet Explorer 8 sarta versi sejen dihandap kadalapan di tombol moal jadi volume ditingali, tapi di waktu nu sami, pikeun ngajaga penampilan gradients.

Lamun urang ngabandingkeun tombol dina bentuk gambar na tombol CSS, bédana nyaéta spasi dina server bakal ditumpes nyimpang. Tapi tombol CSS bakal ngurangan jumlah requests mun server, tapi bakal kaunggulan jelas dibandingkeun tombol salaku hiji gambar.

Tétéla éta sanajan rojongan tina sababaraha sipat CSS di Internet Explorer jeung euweuh, tombol ieu bakal tetep kasampak leuwih unggul ti Gambar basajan, sabab hijina hal anu bakal leungit pamaké di Internet Exporer, jadi ningali eta estetika téhnologi modéren dina Web -Design. Tapi éta cacad rada dijentrekeun.

Pikeun unggal posisi dirumuskeun gaya sorangan. gaya ieu téh ditulis dina file .css husus atawa antara tag sirah dina pisan kaca.

Teundeun tombol dina ramatloka teh

Antara kode tag awakna ditulis:

di mana

id = "button2" didieu nyaeta nami ditugaskeun pikeun tombol,

href = http: // loka / artikel / 175988 /% E2% 80% 9D% D0% 93% D0% 98% D0% 9F% D0% 95% D0% A0% D0% A1% D0% A1% D0% AB % D0% 9B% D0% 9A% D0% 90% E2% 80% 9D aya dibéré link langsung kana dokumen dipikahayang,

Téks - téks dicitak pikeun dipintonkeun dina tombol.

Gaya pikeun tombol

1. tombol CSS Style dirékam misah di dokumen atawa di Kacana:

2. Mimiti tombol CSS ditulis basa aranjeunna keur aya di sésana:

3. parameter Salajengna anu dirékam, pakait jeung tombol nalika kursor nyarankeun eta. Mun dina hal ieu, ngan robah warna na shading, sarta gaya, sagalana tetep sarua, iwal ti warna jeung shading:

4. Sarta pilihan panungtungan nyaéta posisi tombol dipencet kursor di dinya. Mindeng dina kasus sapertos ukur parobahan minimum, kayaning warna, jadi dina hal ieu:

CSS - tombol geulis

Pikeun nyieun gradién a, anjeun tiasa nganggo tombol. Hadé pisan mun éta mimiti tarik tombol di sagala redaktur gambar, kayaning Photoshop, jadi anjeun terang kahayang eta kajadian di ahir. Lamun make Photoshop, mangka mimitina geus boga sababaraha gradients, tapi Tambahanana, Anjeun bisa ngundeur beuki loba, jenis anu hoyong meunang dina loka.

Experimenting kalawan CSS-kode jeung ngarobah rupa parameter, kasebut nyaéta dimungkinkeun pikeun ngarobah tombol CSS geulis, sarta ku pamilihan, pikeun ngahontal hasil nu dipikahoyong.

parameter ieu:

- Warna téks dina tombol;

- ukuran tina téks na tombol;

- tombol warna gradién;

- tombol sudut radius;

- jeung warna stroke nya.

Mastikeun diomongkeun, anjeun tiasa aman, tanpa sieun, mun ékspérimén jeung milih pilihan pangalusna. Sanajan jumlah paramater nu saeutik, anjeun tiasa nyieun pisan variasi dina tombol gaya maranéhanana.