CSS bouton. Benefis yo. Estil. estetik

Pwobableman pa gen okenn sit yon sèl se pa san referansyèl li yo nan lòt paj bouton. Tout moun vle pote l 'bay atansyon ou sit la, ak nan menm tan an sèvi ak yon varyete vle di. Nan konsepsyon sit entènèt nan mitan yo gen ladan konsepsyon nan bouton sa yo, ki diferan selon paramèt diferan - tou de nan gwosè ak fòm, ak efè yo ak sou sa.

bouton CSS yo ki pi pratik. Pou moman sa a yo ka konplètman chanje style la. Epi, nan kou, li bay opòtinite adisyonèl pou konsepsyon nan sit la kòm yon antye.

Pou kòmansè, pou fè pou evite konfizyon ak enkonpreyansyon, li se nesesè yo konprann kèk konsèp.

CSS, ki se

CSS, ki vle di nan tradiksyon "Mélanger Style Dra", se jodi a youn nan teknoloji yo prensipal sou entènèt la. San yo pa lang sa a se fasil yo ka koute omwen yon sit la.

CSS-Kòd - yon gid pou navigatè ki gen enfòmasyon sa yo kòm eleman ekspozisyon sou paj la ak ki kote yo fè li.

Fasil nan magazen enstriksyon sa yo nan yon dosye separe ak .css nan ekstansyon. Nan lòt men an, yo ka mete nan kòmansman an nan html-dokiman an.

Bouton sou sit la. Ki sa ki li se

Bouton, oswa grafik pou navigasyon a nan sit la ta dwe atire atansyon a nan vizitè a yo wè ke li te kache enfòmasyon ki nesesè, ak nan adisyon, li ta vle klike sou. Lè li se ase klere ak ki enpòtan, li pral jwenn remake. bouton sa a ka vle al pran tèt vizitè, pou egzanp, kite kòmantè sou sit la, oswa voye yon demann yo voye abònman nan bilten an enteresan, ak, nan kou, tou senpleman transfere seksyon nan itilizatè mande nan sit la.

Bouton yo estatik, anime, dinamik, son ak san li.

Yo ka espesyalman kreye, pou egzanp, nan fotoschop, ak Upload yon imaj sou sit-la, epi yo ka fasil ak byen vit vini ak yo nan CSS la.

bouton CSS

Fè sa yo bouton trè fasil. Avantaj nan gwo nan sèvi ak yo se yo ke yo a nenpòt ki lè, jis yon koup la segonn, ou kapab chanje pi lwen pase rekonesans.

Kòm nou konnen, gen twa pwen kle:

• rès lè yo pa fè anyen ak li, kòm jis Navigasyon paj la;
• pozisyon hover an kurseur sou li;
• ak aktive lè klike.

Bouton sa yo plen avèk presizyon parèt nan navigatè tankou Firefox, Safari, Opera, Chrome. An menm tan an nan Internet Explorer 9, bouton an pa yo pral parèt nan plen. Pou egzanp, wonn kwen yo, lonbraj tèks ak konjesyon serebral nan bouton an pa pral dwe vizib isit la akòz lefèt ke pwopriyete sa yo pa te sipòte pa sa a navigatè. Sepandan, an jeneral, CSS-bouton pou sit la sanble bon nan sa a vèsyon an navigatè a. Nan Internet Explorer 8 ak vèsyon lòt anba a wityèm nan bouton an pa pral volim vizib, men an menm tan an, yo kenbe aparans nan pant.

Si nou konpare bouton an nan fòm lan nan imaj, ak bouton CSS, diferans lan se espas sou sèvè a yo pral konplètman petinan. Men, bouton CSS ap diminye kantite demann nan sèvè a, men li pral yon avantaj klè konpare ak bouton an kòm yon imaj.

Li sanble ke menm si sipò nan kèk pwopriyete CSS nan Internet Explorer e pa gen, bouton sa yo ap toujou gade plis genyen pase imaj ki senp, paske bagay la sèlman ki pral pèdi itilizatè nan entènèt Exporer, se konsa yo wè li estetik yo nan teknoloji modèn sou entènèt la -Desine. Men, li se byen indiféran enfimite.

Pou chak pozisyon yo bay style pwòp li yo. Styles sa yo ekri nan yon .css dosye espesyal oswa ant etikèt yo tèt nan paj an anpil.

Mete yon bouton sou sit entènèt la

Ant kòd la Tags kò ekri:

kote

didantite = "button2" isit la se non an asiyen nan bouton an,

href = http: // sit / atik / 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% yo 80% 9D bay yon lyen dirèk nan dokiman an vle,

Tèks - enprime tèks yo dwe parèt sou bouton an.

Styles pou bouton sa yo

se 1. bouton CSS Style anrejistre separeman nan dokiman an oswa nan paj la tèt li:

2. Premye bouton ekri CSS lè yo nan rès:

3. paramèt Pli lwen nou jwenn sa ekri, ki koresponn a bouton an lè kurseur a sijere li. Si nan ka sa a, se sèlman chanje koulè a ak lonbraj, ak style la, tout bagay rete menm jan an, eksepte pou koulè a ak lonbraj:

4. Apre sa, opsyon ki sot pase a se se pozisyon nan bouton an bourade kurseur a sou li. Anpil fwa nan ka sa yo sèlman yon chanjman minimòm, tankou koulè, tankou nan ka sa a:

CSS - bouton bèl

Pou kreye yon gradyan, ou ka itilize bouton sa yo. Li pi bon nan premye trase bouton an nan nenpòt editè imaj, tankou fotoschop, kidonk, ou konnen ekzakteman ki sa bagay sa yo rive nan fen an. Si ou itilize fotoschop, lè sa a li okòmansman deja gen kèk pant, men nan adisyon, ou ka download plis ak plis, kalite a ki ta renmen jwenn sou sit la.

Fè eksperyans avèk CSS kòd-ak chanje paramèt divès kalite, li se posib yo chanje CSS bouton sa yo bèl, epi pa seleksyon, reyalize rezilta a vle.

paramèt sa yo se:

- koulè nan tèks la sou bouton an;

- gwosè a nan tèks la ak bouton;

- bouton koulè gradyan;

- bouton ang reyon;

- ak koulè nan konjesyon serebral li.

Fè egzateman pale, ou ka san danje, san yo pa pè, fè eksperyans epi chwazi opsyon ki pi bon. Malgre ti kantite moun nan paramèt, ou kapab kreye trè divès nan bouton style yo.