CSS bọtini. Anfani. Styles. aesthetics

Jasi ko si ọkan ojula ni ko lai awọn oniwe-referential si awọn bọtini iwe. Gbogbo eniyan fe lati mu o si rẹ akiyesi awọn ojula, ati ni akoko kanna lo orisirisi kan ti ọna. Ni ayelujara oniru lãrin wọn ni oniru ti awọn bọtini, eyi ti o yato ni ibamu si yatọ si sile - mejeeji ni iwọn ati ki o apẹrẹ, ati awọn ipa ati bẹ lori.

CSS bọtini ni o wa julọ rọrun. Fun awọn akoko ti won le patapata yi awọn ara. Ati, dajudaju, ti o yoo fun afikun anfani fun oniru ti awọn ojula bi kan gbogbo.

Fun awọn ibẹrẹ, lati yago fun iporuru ati gbọye, o jẹ pataki lati ni oye diẹ ninu awọn agbekale.

CSS, ti o jẹ

CSS, eyi ti o tumo ni translation "Cascading Style Sheets", jẹ loni ọkan ninu awọn ifilelẹ imo lori ayelujara. Lai yi ede jẹ išẹlẹ ti lati na ni o kere kan ojula.

CSS-koodu - a guide fun awọn burausa ti o ni awọn alaye gẹgẹbi ifihan eroja lori iwe ati ibi ti lati se o.

Easy lati fi awọn ilana ni lọtọ faili pẹlu awọn itẹsiwaju .css. Lori awọn miiran ọwọ, won le wa ni gbe ni ibẹrẹ ti awọn html-iwe.

Button lori ojula. Ohun ti o jẹ

Button, tabi iwọn fun awọn lilọ ti awọn ojula yẹ ki o fa awọn akiyesi ti awọn alejo lati ri wipe o ti nọmbafoonu awọn pataki alaye, ati ni afikun, o yoo fẹ lati tẹ. Nigba ti o jẹ to imọlẹ ati oguna, o yoo gba woye. Yi bọtini le tàn alejo, fun apẹẹrẹ, ìbímọ comments lori ojula, tabi firanṣẹ kan ase si lati alabapin si awọn iroyin awon, ati, dajudaju, nìkan gbigbe awọn ti beere user apakan ti awọn ojula.

Bọtini ni o wa aimi, ere idaraya, ìmúdàgba, ohun ati lai o.

Won le wa ni Pataki ti da, fun apẹẹrẹ, ninu Photoshop, ki o si po ohun aworan si awọn ojula, ati ki o le wa ni awọn iṣọrọ ati ni kiakia wá soke pẹlu wọn ni CSS.

CSS bọtini

Ṣe awọn wọnyi bọtini gidigidi rorun. Awọn nla anfani ti wọn lilo ni wipe ti won ni eyikeyi akoko, o kan kan tọkọtaya ti aaya, o le yi kọja ti idanimọ.

Bi a ti mo, nibẹ ni o wa mẹta bọtini ojuami:

• sinmi nigbati o ko ba ṣe ohunkohun pẹlu ti o, bi o kan lilọ kiri awọn iwe;
• ipo awọn kọsọ rababa lori o;
• ki o si mu nigba ti olulo.

Awọn ni kikun awọn bọtini parí ni afihan ni aṣàwákiri bi Akata bi Ina, Safari, Opera, Chrome. Ni akoko kanna ni Internet Explorer 9, awọn bọtini yoo wa ko le han ni kikun. Fun apẹẹrẹ, yika awọn igun, ọrọ ojiji ati ọpọlọ ni ayika awọn bọtini yoo ko ni le han nibi nitori si ni otitọ wipe awon ini ti wa ni ko ni atilẹyin nipasẹ yi kiri ayelujara. Sugbon, ni apapọ, CSS-bọtini fun awọn ojula wulẹ dara ni yi ti ikede ti awọn kiri. Ni Internet Explorer 8 ati awọn miiran awọn ẹya isalẹ kẹjọ ni awọn bọtini yoo ko ni le han iwọn didun, sugbon ni akoko kanna, lati bojuto awọn hihan gradients.

Ti a ba afiwe awọn bọtini ni awọn fọọmu ti awọn aworan ati awọn CSS bọtini, awọn iyato jẹ aaye lori olupin yoo jẹ patapata ṣe pataki. Ṣugbọn CSS bọtini yoo din awọn nọmba ti awọn ibeere si olupin awọn, sugbon o ìfẹ ni a ko anfani akawe si awọn bọtini bi ohun image.

O wa ni jade wipe paapa ti o ba support ti diẹ ninu awọn CSS-ini ni Internet Explorer ko si si, wọnyi bọtini yoo si tun wo diẹ gba ju o rọrun images, nitori awọn nikan ni ohun ti yoo padanu awọn olumulo ni Internet Exporer, ki lati ri o ni aesthetics ti igbalode ọna ẹrọ lori awọn oju-iwe ayelujara -Design. Sugbon o jẹ ohun ero abawọn.

Fun kọọkan ipo ni a fun awọn oniwe-ara ara. Awọn wọnyi ni aza wa ni a kọ ni pataki kan faili .css tabi laarin awọn ori afi ninu awọn gan iwe.

Gbe a bọtini lori aaye ayelujara

Laarin awọn ara afi kọ koodu:

ibi ti

id = "button2" nibi ni awọn orukọ sọtọ si awọn bọtini,

href = http: // ojula / 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 ti wa ni fun a taara asopọ si awọn ti o fẹ iwe,

Ọrọ - tejede ọrọ lati wa ni han lori awọn bọtini.

Styles fun awọn bọtini

1. Style bọtini CSS ti wa ni gba silẹ lọtọ ni awọn iwe tabi ni awọn iwe ara:

2. First kọ CSS bọtini nigbati nwọn ba wa ni isimi:

3. Siwaju sile ti wa ni gba silẹ, bamu si awọn bọtini nigbati awọn kọsọ daba o. Ti o ba ti ninu apere yi, nikan ayipada awọn awọ ati shading, ati awọn ara, ohun gbogbo si maa wa kanna, ayafi fun awọn awọ ati shading:

4. Ati awọn ti o kẹhin aṣayan ni awọn ipo ti awọn bọtini ti wa ni e ni ikọrisi lori o. Igba ni iru awọn igba miran nikan kan kere ayipada, gẹgẹ bi awọn awọ, bi ninu apere yi:

CSS - lẹwa awọn bọtini

Lati ṣẹda kan igbasoke, o le lo awọn bọtini. O ti wa ni ti o dara ju lati akọkọ fa awọn bọtini ni eyikeyi image olootu, bi Photoshop, ki o mọ gangan ohun ti o ṣẹlẹ ni opin. Ti o ba lilo Photoshop, ki o si wa lakoko ti ni diẹ ninu awọn gradients, sugbon ni afikun, o le download siwaju ati siwaju sii, awọn irú ti yoo fẹ lati gba lori ojula.

Experimenting pẹlu CSS-koodu ati awọn iyipada orisirisi sile, o jẹ ṣee ṣe lati yi awọn CSS lẹwa bọtini, ati nipa aṣayan, lati se aseyori awọn ti o fẹ esi.

Awọn wọnyi ni sile ni o wa:

- awọ ti awọn ọrọ lori awọn bọtini;

- awọn iwọn ti awọn ọrọ ati awọn bọtini;

- awọ igbasoke bọtini;

- bọtini agbekale rediosi;

- rẹ ki o si tsvet Ọpọlọ.

Muna soro, o le kuro lailewu, lai iberu, lati ṣàdánwò ki o si yan ti o dara ju aṣayan. Pelu awọn kekere nọmba ti sile, o le ṣẹda gidigidi Oniruuru ni won ara bọtini.