Botwm CSS. Budd-daliadau. Styles. estheteg

Mae'n debyg nad yw dim un safle heb ei cyfeiriadol i dudalen botymau eraill. Mae pawb eisiau dod at eich sylw i'r safle, ac ar yr un pryd yn defnyddio amrywiaeth o ddulliau. Mewn dylunio gwe yn eu plith yn cynnwys cynllun y botymau, sy'n amrywio yn ôl gwahanol paramedrau - o ran maint a siâp, a'r effeithiau ac yn y blaen.

botymau CSS yn fwyaf cyfleus. Ar gyfer hyn o bryd maent yn llwyr can newid yr arddull. Ac, wrth gwrs, ei fod yn rhoi cyfleoedd ychwanegol i gynllun y safle yn ei gyfanrwydd.

I ddechrau, er mwyn osgoi dryswch a chamddealltwriaeth, mae angen deall rhai cysyniadau.

CSS, sef

Heddiw CSS, sy'n golygu mewn cyfieithiad "Cascading Style Sheets", yw un o'r prif dechnolegau ar y Rhyngrwyd. Heb yr iaith hon yn annhebygol o gostio o leiaf un safle.

CSS-cod - canllaw i borwyr sy'n cynnwys gwybodaeth o'r fath fel elfennau arddangos ar y dudalen a ble i wneud hynny.

Hawdd i storio cyfarwyddiadau hyn mewn ffeil ar wahân gyda'r .css estyniad. Ar y llaw arall, gellir eu gosod ar ddechrau'r html-ddogfen.

Botwm ar y safle. Yr hyn y mae

Dylai Botwm, neu graffig ar gyfer y llywio ar y safle yn denu sylw'r ymwelydd i weld ei bod yn cuddio y wybodaeth angenrheidiol, ac yn ogystal, byddai'n dymuno glicio. Pan fydd yn ddigon llachar ac yn amlwg, bydd yn cael sylw. Gall hyn botwm denu ymwelwyr, er enghraifft, yn gadael sylwadau ar y safle, neu anfon cais i danysgrifio i gylchlythyr diddorol, ac, wrth gwrs, yn syml trosglwyddo'r adran defnyddiwr gofynnwyd y safle.

Botymau yn sefydlog, animeiddio, deinamig, sain a hebddo.

Gellir eu creu yn arbennig, er enghraifft, yn Photoshop, ac uwchlwytho delwedd i'r safle, a gall fod yn hawdd ac yn gyflym yn dod i fyny gyda nhw yn y CSS.

botymau CSS

Gwnewch botymau hyn yn hawdd iawn. Y fantais fawr o'u defnydd yw eu bod ar unrhyw adeg, dim ond cwpl o eiliadau, gallwch newid tu hwnt i adnabyddiaeth.

Fel y gwyddom, mae tri phwynt allweddol:

• gorffwys os nad yw gwneud dim byd ag ef, fel dim ond yn pori y dudalen;
• leoli'r hofran cyrchwr drosto;
• a activate wrth glicio.

Mae'r botymau llawn harddangos yn gywir mewn porwyr fel Firefox, Safari, Opera, Chrome. Ar yr un pryd yn Internet Explorer 9, ni fydd y botwm yn cael ei arddangos yn llawn. Er enghraifft, o gwmpas y corneli, cysgod testun a strôc o gwmpas y botwm ni fydd yn weladwy yma oherwydd y ffaith nad yw'r eiddo hyn yn cael eu cefnogi gan y porwr hwn. Fodd bynnag, yn gyffredinol, CSS-botymau ar gyfer y safle yn edrych yn dda yn y fersiwn hwn o'r porwr. Yn Internet Explorer, ni fydd 8 a fersiynau eraill yn is na'r wythfed ar y botwm fod cyfaint gweladwy, ond ar yr un pryd, er mwyn cynnal ymddangosiad graddiannau.

Os ydym yn cymharu y botwm ar ffurf delweddau a botwm CSS, mae'r gwahaniaeth yn y bydd y gofod ar y gweinydd yn gwbl amherthnasol. Ond bydd y botwm CSS lleihau nifer y ceisiadau i'r gweinydd, ond bydd yn fantais glir o gymharu â'r botwm fel delwedd.

Mae'n ymddangos bod hyd yn oed os y gefnogaeth rhai eiddo CSS yn Internet Explorer a dim, botymau hyn yn dal i edrych yn fwy buddugol nag ddelweddau syml, gan fod yr unig beth a fydd yn colli defnyddwyr yn am Internet Explorer, felly i weld y estheteg o dechnoleg fodern ar y We -Dylunio. Ond mae'n nam eithaf amherthnasol.

Ar gyfer pob swydd yn cael ei roi ei arddull ei hun. Mae'r arddulliau hyn yn cael eu hysgrifennu mewn .css ffeil arbennig neu rhwng y pennaeth tagiau yn y dudalen iawn.

Rhowch botwm ar y wefan

Rhwng y cod tags corff ysgrifenedig:

lle

id = "button2" dyma yw'r enw a roddwyd i'r botwm,

href = http: // safle / erthygl / 175,988 /% 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 yn cael cyswllt uniongyrchol i'r ddogfen a ddymunir,

TESTUN - hargraffu testun i gael eu harddangos ar y botwm.

Arddulliau ar gyfer y botymau

1. botwm Style CSS yn cael ei gofnodi ar wahân yn y ddogfen neu yn y dudalen ei hun:

2. Yn gyntaf botymau CSS ysgrifenedig pan fyddant yn gorffwys:

3. paramedrau pellach yn cael eu cofnodi, sy'n cyfateb i'r botwm pan fydd y cyrchwr yn awgrymu hynny. Os yn yr achos hwn, dim ond yn newid y lliw a graddliwio, ac mae'r arddull, mae popeth yn parhau i fod yr un fath, ac eithrio ar gyfer y lliw a graddliwio:

4. A'r dewis olaf yw sefyllfa y botwm ei bwyso y cyrchwr arno. Yn aml, mewn achosion o'r fath dim ond newid lleiaf, megis lliw, fel yn yr achos hwn:

CSS - botymau hardd

I greu graddiant, gallwch ddefnyddio'r botymau. Mae'n well i dynnu y botwm cyntaf mewn unrhyw olygydd ddelwedd, megis Photoshop, felly eich bod yn gwybod yn union beth y mae'n digwydd yn y diwedd. Os ydych yn defnyddio Photoshop, yna mae'n i ddechrau eisoes rhai graddiannau, ond yn ogystal, gallwch lawrlwytho mwy a mwy, y math a fyddai'n hoffi cael ar y safle.

Arbrofi gyda CSS-cod a newid paramedrau amrywiol, mae'n bosibl newid y CSS botymau hardd, a thrwy ddethol, i gyflawni'r canlyniad a ddymunir.

Mae'r paramedrau yw:

- lliw y testun ar y botwm;

- maint y testun a botymau;

- botymau graddiant lliw;

- botymau onglau radiws;

- a lliw ei strôc.

Yn fanwl gywir, gallwch yn ddiogel, heb ofn, i arbrofi a dewis yr opsiwn gorau. Er gwaethaf y nifer fach o baramedrau, gallwch greu amrywiol iawn mewn botymau arddull.