Cnaipe CSS. Sochair. Stíleanna. aeistéitic

Is dócha nach bhfuil aon suíomh amháin gan a referential do cnaipí eile leathanach. Tá ag gach duine ba mhaith leis é a thabhairt d'aird ar an suíomh, agus ag an am céanna a úsáid ar réimse bealaí. I dearadh gréasáin i measc iad san áireamh dearadh na cnaipí, a bheith éagsúil de réir paraiméadair éagsúla - ó thaobh méid agus cruth, agus na héifeachtaí agus mar sin de.

Tá cnaipí CSS is áisiúla. Faoi láthair is féidir iad a athrú go hiomlán ar an stíl. Agus, ar ndóigh, tugann sé deiseanna breise le haghaidh dearadh an láithreáin ina iomláine.

Maidir le starters, mearbhall agus míthuiscint a sheachaint, tá sé riachtanach chun tuiscint a fháil ar roinnt coincheapa.

CSS, a bhfuil

Is CSS, rud a chiallaíonn i aistriúchán "Stílbhileoga Cascáideacha", sa lá atá inniu ar cheann de na príomh-dteicneolaíochtaí ar an Idirlíon. Gan teanga seo ní dócha go gcosnóidh suíomh amháin ar a laghad.

CSS-cód - treoir do brabhsálaithe a bhfuil faisnéis den sórt sin mar ghnéithe a thaispeáint ar an leathanach agus nuair a dhéanamh.

Éasca a stóráil na treoracha seo i gcomhad ar leith leis an .css síneadh. Ar an láimh eile, is féidir iad a chur ag tús an html-doiciméad.

Button ar an suíomh. Cad é atá ann

Ba cheart Button, nó grafach chun nascleanúint an tsuímh mhealladh aird an chuairteora a fheiceáil go raibh sí ag hiding an fhaisnéis is gá, agus ina theannta sin, bheadh sé ag iarraidh a cliceáil. Nuair a bheidh sé geal go leor agus feiceálach, beidh sé a fháil faoi deara. Is féidir an cnaipe cuairteoirí a mhealladh, mar shampla, tuairimí a fhágáil ar an láthair, nó cuir iarratas chuig Liostáil don nuachtlitir suimiúil, agus, ar ndóigh, a aistriú ach an t-alt úsáideoir a iarradh ar an suíomh.

Tá cnaipí statach, beoite, dinimiciúil, fuaime agus gan é.

Is féidir iad a cruthaíodh go speisialta, mar shampla, i Photoshop, agus íomhá a uaslódáil chuig an suíomh, agus is féidir a héasca agus go tapa teacht suas leo sa CSS.

cnaipí CSS

Déan na cnaipí an-éasca. Is é an buntáiste mór ar a n-úsáid go bhfuil siad ag am ar bith, ach cúpla soicind, is féidir leat athrú thar aitheantas.

Mar is eol dúinn, tá trí príomhphointí:

• eile nuair gan déanamh aon rud leis é, mar díreach brabhsáil an leathanach;
• seasamh an hover cúrsóir níos mó ná é;
• agus a ghníomhachtú nuair a chliceáil.

Na cnaipí iomlána taispeáint go cruinn i brabhsálaithe mhaith Firefox, Safari, Opera, Chrome. Ag an am céanna in Internet Explorer 9, ní bheidh an cnaipe a chur ar taispeáint go hiomlán. Mar shampla, thart ar an coirnéil, scáth téacs agus stróc fud an gcnaipe ní bheidh le feiceáil anseo mar gheall ar an bhfíric nach bhfuil na hairíonna tacaíocht ag an bhrabhsálaí. Mar sin féin, go ginearálta, CSS-cnaipí don suíomh Breathnaíonn go maith sa leagan seo den bhrabhsálaí. I Internet Explorer Ní bheidh 8 agus leaganacha eile faoi bhun an t-ochtú ar an gcnaipe réir toirte infheicthe, ach ag an am céanna, a choimeád ar bun ar an chuma ar grádáin.

Má táimid i gcomparáid leis an gcnaipe i bhfoirm na n-íomhánna agus cnaipe CSS, is é an difríocht a bheidh spás ar an bhfreastalaí a bheith go hiomlán nach mbaineann le hábhar. Ach beidh cnaipe CSS laghdú ar líon na n-iarratas ar an bhfreastalaí, ach beidh sé buntáiste soiléir i gcomparáid leis an gcnaipe mar íomhá.

Tharlaíonn sé go raibh fiú má tá an tacaíocht ó roinnt airíonna CSS in Internet Explorer agus ní, na cnaipí a breathnú fós níos mó a bhuaigh ná íomhánna simplí, mar gheall ar an rud amháin go mbeidh úsáideoirí a chailleadh i Internet Explorer uathu, agus mar sin chun é a fheiceáil ar an aeistéitic na teicneolaíochta nua-aimseartha ar an nGréasán -Dearadh. Ach tá sé locht go leor le hábhar.

I gcás gach post a thugtar ar a stíl féin. Tá na stíleanna atá scríofa i .css gcomhad speisialta nó idir na clibeanna ceann sa leathanach an-.

Cuir cnaipe ar an suíomh gréasáin

Idir an cód clibeanna comhlacht scríofa:

i gcás

id = "button2" Is anseo an t-ainm a shanntar don gcnaipe,

href = http: // láthair / article / 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 Tugtar nasc díreach chun an doiciméad atá ag teastáil,

TEXT - priontáilte téacs a bheidh le feiceáil ar an gcnaipe.

Stíleanna do na cnaipí

1. cnaipe CSS Stíl thaifeadadh ar leithligh sa doiciméad nó sa leathanach é féin:

2. An chéad cnaipí CSS scríofa nuair a bhíonn siad ag an chuid eile:

3. paraiméadair bhreise a thaifeadadh, a fhreagraíonn do na gcnaipe nuair a bheidh an cúrsóir fios air. Más rud é sa chás seo, athraíonn ach an dath agus scáthú, agus an stíl, tá gach rud mar an gcéanna, ach amháin i gcás an dath agus scáthú:

4. Agus an rogha deireanach is é suíomh an cnaipe brúite an cúrsóir ar sé. Go minic i gcásanna den sórt sin ach athrú is lú, cosúil le dath, mar atá sa chás seo:

CSS - cnaipí álainn

Chun a chruthú grádán, is féidir leat úsáid a bhaint as na cnaipí. Is fearr a tharraingt ar dtús leis an gcnaipe in aon eagarthóir íomhá, ar nós Photoshop, mar sin tá a fhios agat go díreach cad a tharlaíonn sé sa deireadh. Má úsáideann tú Photoshop, ansin é ar dtús go bhfuil cheana féin roinnt grádáin, ach ina theannta sin, is féidir leat níos mó agus níos mó a íoslódáil, an cineál a bheadh buíochas a fháil ar an suíomh.

Turgnamh le CSS-cód agus paraiméadair éagsúla atá ag athrú, is féidir a athrú ar na cnaipí álainn CSS, agus ag roghnú, an toradh inmhianaithe a bhaint amach.

Tá na paraiméadair:

- dath an téacs ar an gcnaipe;

- méid an téacs agus na cnaipí;

- cnaipí dath grádán;

- cnaipí uillinneacha ga;

- agus dath a stróc.

Bhfírinne a rá, is féidir leat go sábháilte, gan eagla, chun triail agus a roghnú an rogha is fearr. In ainneoin an líon beag na bparaiméadar, is féidir leat a chruthú an-éagsúil ina cnaipí stíl.