CSS hnappinn. Bætur. Stíll. fagurfræði

Sennilega enginn staður er ekki án vísun til þess að öðrum hnöppum síðu. Allir vilja til að koma með það að athygli þína á síðuna, og á sama tíma að nota margs konar hætti. Í vefhönnun meðal þeirra eru hönnun hnappa, sem eru mismunandi eftir mismunandi breytum - bæði að stærð og lögun, og áhrif og svo framvegis.

CSS hnappar eru mest þægilegt. Um leið og þeir geta alveg breyta stíl. Og, auðvitað, það gefur fleiri tækifæri til hönnun af the staður í heild.

Fyrir ræsir, til að forðast rugling og misskilning, það er nauðsynlegt að skilja nokkur hugtök.

CSS, sem er

CSS, sem þýðir í þýðingu "Cascading Style Sheets", er í dag ein af helstu tækni á Netinu. Án þessa máls er ólíklegt að kosta að minnsta kosti einn staður.

CSS-kóða - leiðarvísir fyrir vafra sem innihalda upplýsingar svo sem sýna þætti á síðunni og þar til að gera það.

Auðvelt að geyma þessar leiðbeiningar í sérstakri skrá með endingunni CSS. Á hinn bóginn, þeir geta komið í upphafi HTML-skjalinu.

Button á staðnum. Hvað er það

Button, eða grafík um siglingar á síðuna ættu að laða að athygli gesturinn til að sjá að hún var í felum nauðsynlegar upplýsingar, og þar að auki myndi það vilja smellur. Þegar það er nægilega björt og áberandi, það mun fá eftir. Þessi hnappur getur tæla gestir, til dæmis, leyfi athugasemdir á síðuna eða senda beiðni til að gerast áskrifandi að fréttabréfi áhugavert, og, að sjálfsögðu, einfaldlega flytja umbeðnar notanda hluta af the staður.

Hnappar eru truflanir, líflegur, dynamic, hljóð og án þess.

Þeir geta verið sérstaklega búin, til dæmis, í Photoshop, og senda mynd á síðuna, og hægt er að auðveldlega og fljótlega koma upp með þeim í CSS.

CSS hnappar

Gera þessar hnappa mjög auðvelt. Hinn mikli kostur af notkun þeirra er að þeir hvenær, bara nokkrar sekúndur, getur þú breytt út viðurkenningu.

Eins og við vitum, að það eru þrjú lykilatriði:

• hvíld þegar ekki gera neitt með það, eins og bara að skoða síðuna;
• stöðu bendilinn sveima yfir það;
• og virkja þegar smellt er.

Fullt hnappar nákvæmlega birtist í vöfrum eins og Firefox, Safari, Opera, Chrome. Á sama tíma í Internet Explorer 9, hnappurinn verður ekki birt að fullu. Til dæmis, umferð hornum, texta skuggi og heilablóðfall í kringum hnappinn verður ekki sýnilegt hér vegna þess að þessar eignir eru ekki studdar af þessum vafra. Hins vegar almennt, CSS-hnappar fyrir síðuna lítur vel út í þessari útgáfu af vafra. Í Internet Explorer 8 og aðrar útgáfur neðan áttunda á hnappinn verður ekki sýnilegt magn, en á sama tíma, til að viðhalda útliti blöndun.

Ef við berum hnappinn í formi mynda og CSS hnappinn, munurinn er pláss á þjóninum verður alveg óviðkomandi. En CSS hnappur mun draga úr fjölda beiðna á þjóninum, en það mun vera ljóst kostur í samanburði við hnapp sem mynd.

Það kemur í ljós að jafnvel þótt stuðningur sumra eiginleika CSS í Internet Explorer og nei, þessir takkar mun samt líta meira aðlaðandi en einföldum myndum, því það eina sem tapar notendur Internet Exporer, svo að sjá það fagurfræði nútíma tækni á vefnum -Design. En það er alveg óverulegt galli.

Fyrir hverja stöðu er gefið eigin stíl. Þessi stíll er ritað í sérstaka skrá CSS eða milli höfuð tags í mjög síðunni.

Setja á hnapp á heimasíðu

Milli líkama merki skrifað kóða:

þar

id = "Button2" hér er nafnið úthlutað til the hnappur,

href = http: // staðnum / grein / 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 eru gefin bein tengsl við viðkomandi skjali,

TEXT - prenta texta sem birtist á hnappinn.

Stíll fyrir hnappa

1. CSS Style hnappur er skráð sérstaklega í skjalinu eða á síðunni sjálfri:

2. Fyrsta skrifað CSS hnappar þegar þeir eru í hvíld:

3. Frekari breytur eru skráð, sem svarar til hnappinn þegar bendillinn stinga það. Ef í þessu tilfelli, bara breytir lit og skygging, og stíl, allt er sú sama, nema fyrir lit og skygging:

4. Og síðasta valkostur er staða hnappinn er ýtt bendilinn á það. Oft í slíkum tilvikum einungis lágmarks breytingu, svo sem lit, eins og í þessu tilviki:

CSS - falleg hnappar

Til að búa til halli, er hægt að nota hnappana. Það er best að fyrst að teikna á hnappinn í myndvinnsluforriti, td Photoshop, þannig að þú veist nákvæmlega hvað það gerist á endanum. Ef þú notar Photoshop, þá fyrst það þegar hafa nokkrar blöndun, en auk þess er hægt að hlaða niður fleiri og fleiri, því tagi sem myndi vilja fá á staðnum.

Tilraunir með CSS-kóða og breyta ýmsum breytum, það er hægt að breyta CSS fallega hnappa, og því vali, til að ná tilætluðum árangri.

Þessar breytur eru:

- liturinn á textanum á hnappinn;

- stærð texta og hnappa;

- Litur halli hnappa;

- hnappar horn radíus;

- og lit á heilablóðfalli hennar.

Strangt, þú getur örugglega, án ótta, við að prófa og velja the bestur valkostur. Þrátt fyrir fáeinum breytum, getur þú búið til mjög fjölbreytt í stíl hnappa þeirra.