CSS bhatani. Benefits. Zvekunyanyisa. aesthetics

Zvichida hapana nzvimbo hakusi pasina referential wayo nevamwe mabhatani peji. Munhu wese anoda nacho dzako nzvimbo, uye panguva imwe chete kushandisa dzakasiyana-siyana achishandisa. In Web Design pakati pavo zvinosanganisira kugadzirwa mabhatani, izvo zvakasiyana maererano parameters zvakasiyana - zvose kukura uye chimiro, uye zvinokonzerwa uye zvichingodaro.

CSS mabhatani ndivo zvikuru yokuita. Nokuti nguva vanogona kushandura maitiro zvachose. Uye, chokwadi, rinopa mamwe mikana pamasikiro nzvimbo rose.

Kuti Mutange, kudzivisa kuvhiringidzika uye kusanzwisisa, zvinokosha kunzwisisa dzimwe pfungwa.

CSS ndiro

CSS, izvo zvinoreva mushanduro "Cascading Style Sheets", ndiye nhasi imwe huru ruzivo paIndaneti. Pasina mutauro uyu ungangova mari pane imwe nzvimbo.

CSS-Bumbiro - mutungamiriri nokuda browsers kuti mashoko akadai chakaratidzwa okunze ari papeji uye apo kuzviita.

Nyore kuchengeta mirayiro iyi ari oga faira pamwe chiwedzerwa .css. Ukuwo, vanogona igadzikwe pakutanga pakati HTML-gwaro.

Bhatani panzvimbo. Chii

Bhatani, kana zvakajeka kuti rwendo kwenzvimbo vanofanira atambudzwe mueni kuona kuti akanga achivanza zvakakodzera ruzivo, uye kuwedzera, zvingava kuda tinya. Kana zviri zvakakwana inopenya uye vakakurumbira, zvichava kuti akacherechedza. bhatani Izvi zvinogona kunyengera vashanyi Somuenzaniso, siya vataure yacho, kana kutumira chikumbiro kuti nokunyora magwaro kuti mugwaronhau anonakidza, uye, chokwadi, kungova uchatamisa Chikamu nzvimbo yacho akumbira user.

Mabhatani vari kunofambira mberi, vakagarwa, hunosanduka inzwi uye pasina izvozvo.

Vanogona zvikuru zvakasikwa, somuenzaniso, muna Photoshop, uye Upload mufananidzo nzvimbo, uye hunogona kungoparara uye nokukurumidza kukwira navo CSS.

CSS mabhatani

Ita mabhatani izvi nyore chaizvo. The huru mukana unoshandiswa kuti chero nguva, chete vaviri mumasekonzi, unogona kuchinja mhiri pamutemo.

Sezvatinoziva, kune vatatu pfungwa dzinokosha:

• zororo kana asina kuita chinhu nayo, sezvo chete vachivhura peji;
• nzvimbo cursor kuyengerera pamusoro payo;
• uye Activate kana rarira.

The azere mabhatani zvakarurama mukuita browsers akafanana Firefox, Safari, Opera, Chrome. Panguva iyoyo vari Internet Explorer 9, bhatani haangazozikamwi kuratidzwa zvakazara. Somuenzaniso, vakakomba makona, rugwaro mumvuri uye ronda vakakomba bhatani haangazorori zvinoonekwa pano nokuti kuti izvi zvivako havasi rinotsigirwa ichi mubrowser. Zvisinei, kazhinji, CSS-mabhatani nzvimbo anotsvaka zvakanaka shanduro iyi Browser. In Internet Explorer 8 uye dzimwe shanduro pazasi wechisere panguva bhatani haangavi kuoneka vhoriyamu, asi panguva imwe chete, kuti tirambe chimiro gradients.

Kana tikaenzanisa bhatani wechinhu zvifananidzo CSS bhatani, mutsauko nzvimbo pafomu Server vachava chose isingashandi. Asi CSS bhatani kuchaderedza nhamba zvikumbiro kuna Server, asi ichava nani pachena zvichienzaniswa bhatani ive mufananidzo.

Zvakaratidza kuti kunyange kana kutsigira vamwe CSS zvivako muna Internet Explorer uye kwete, mabhatani aya achiri kutarisira zvakawanda kuhwina pane nyore mifananidzo, nokuti chete chinhu kuti acharasikirwa vanoshandisa muna Internet Exporer, saka kuona mairi aesthetics zvigadzirwa zvemazuva ano pamusoro Web -Design. Asi zviri zvikuru chisingaoneki kuremara.

Chinzvimbo chimwe nechimwe kunopiwa yayo maitiro. kuno- izvi zvakanyorwa chaiyo faira .css kana pakati musoro Tags iri peji chaizvo.

Isa bhatani pamusoro Website

Between muviri Tags rakanyorwa code:

apo

id = "button2" Herino zita basa bhatani,

href = http: // nzvimbo / nyaya / 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 vanopiwa kwainge kune kutsvakwa racho,

TEXT - akadhindwa chinyorwa kuti uratidzwe pamusoro bhatani.

Styles nokuti mabhatani

1. CSS Style bhatani chakanyorwa yoga iri gwaro kana peji pacharo:

2. zvakanyorwa First mabhatani CSS, kana vari zororo:

3. Uyezve parameters zvinonyorwa, zvakafanana bhatani kana Rinoengerera pamusoro. Kana pano, chete anochinja ruvara uye shading, uye manyorerwo, zvose anoramba chete, kunze ruvara uye shading:

4. Zvino rekupedzisira sarudzo ndozvinoita bhatani rikazvisundira ari cursor pachiri. Kazhinji kacho zvakadaro chete risingamboshandisi kuchinja, akadai ruvara, sezvo iri nyaya:

CSS - dzakanaka mabhatani

Kuti vagadzire bhatani, unogona kushandisa gradient. Zvakanakisisa kutanga vaswedere bhatani chero mufananidzo mupepeti, akadai Photoshop, saka unoziva chaizvo zvinoitika pakupedzisira. Kana ukashandisa Photoshop, saka pakutanga kare vamwe gradients, asi mukuwedzera, unogona kukopa zvakawanda, asi mhando kuti vangada kuti panzvimbo.

Kuedza CSS-bumbiro uye kuchinja parameters siyana, zvinokwanisika kuti change CSS mabhatani akanaka, uye selection, kuti awane achida mugumisiro.

parameters ava:

- Ruvara rugwaro bhatani;

- kukura rugwaro uye mabhatani;

- ruvara gradient mabhatani;

- mabhatani pamakona nharaunda;

- uye ruvara sitiroko wake.

Chaizvoizvo, unogona zvakachengeteka, pasina kutya, kuna chiedzwa nokusanangura zvakanaka nezvechisarudzo. Pasinei vashoma parameters, wagadzira chaizvo-siyana avo nemanyorero mabhatani.