CSS batani. Ubwino. Masitaelo. aesthetics

Palibe pamalo amodzi si popanda referential ake kuti mabatani ena page. Aliyense amafuna kubweretsa izo kwa tcheru chanu malo, ndipo nthawi yomweyo ntchito zosiyanasiyana njira. Mu ukonde kamangidwe pakati pawo monga kapangidwe mabatani, lomwe kusiyana malinga ndi magawo osiyana - onse mu kukula ndi mawonekedwe, ndi zotsatira ndi zina zotero.

CSS mabatani ndi yabwino kwambiri. Kwa mphindi iwo akhoza kwathunthu kusintha kalembedwe. Ndipo, ndithudi, izo mwayi zina kamangidwe ka malo wonse.

Pakuti starters, kuti asasokonezeke ndi kusamvetsetsa, m'pofunika kuti amvetse mfundo zina zimene limaphunzitsa.

CSS, ndiwo

CSS, kutanthauza pomasulira "Cascading kalendala Mapepala", ndi lero mmodzi wa umisiri chachikulu pa Intaneti. Popanda chinenero n'zokayikitsa ndalama malo chimodzi.

CSS-kachidindo - kukhala Chiongoko cha asakatuli kuti ali ndi mfundo monga zinthu anasonyeza patsamba ndi kumene kuchita izo.

Easy kuti sitolo izi malangizo osiyana file ndi kutambasuka .css. Komano, iwo akhoza adzaikidwa pa chiyambi cha HTML-chikalata.

Batani malo. Kodi ndi

Batani, kapena likutipatsa kwa navigation malo ayenera tcheru anthu mlendo kuona kuti iye anali kubisala ndi zofunika, ndi Komanso, angafune alemba. Pamene mokwanira yowala ndi otchuka, izo zikhala anaona. batani Izi zimatha kunyengerera alendo Mwachitsanzo, ndemanga pa Intaneti kapena kutumiza pempho amamvera kwa Kalatayi chidwi, ndipo, ndithudi, chabe kusamutsa anapempha wosuta chigawo cha malo.

Mabatani ndi malo amodzi, zosangalatsa kwambiri, wamphamvu, phokoso ndi popanda izo.

Iwo akhoza mwapadera analenga Mwachitsanzo, mu Photoshop, ndi Kwezani fano kwa malo, mosavuta ndipo mwamsanga nawo mu CSS.

mabatani CSS

Kukhala mabatani kwambiri zosavuta. The mwayi wa ntchito lawo n'chakuti pa nthawi iliyonse, monga angapo masekondi, mungathe kusintha kupitirira kuzindikira.

Monga tikudziwa, pali mfundo zitatu izi:

• mpumulo pamene sakuchita chilichonse nacho, monga kusakatula tsamba;
• malo cholozera fungatirani pamwamba pa izo;
• ndi yambitsa pamene kutsamba.

The mabatani zonse molondola kuwonetsedwa asakatuli monga Firefox, Safari, Opera, Chrome. Pa nthawi yomweyo mu Internet Explorer 9, batani adzakhala kuwonetsedwa mu zonse. Mwachitsanzo, kuzungulira ngodya, lemba mthunzi ndi sitiroko padziko batani sadzakhala owoneka pano chifukwa chakuti awa katundu si anthu amapereka mwa izi osatsegula. Komabe, ambiri, CSS-mabatani malo zikuwoneka bwino mu Baibulo ili la osatsegula. Mu Internet Explorer 8 ndi Mabaibulo ena pansipa chitatu pa batani sadzakhala kuonekera buku, koma pa nthawi yomweyo, kukhalabe maonekedwe a gradients.

Ngati Tikayerekeza batani mu mawonekedwe a zithunzi ndi CSS batani, kusiyana ndi danga pa makina adzakhala sikuthandiza kwathunthu. Koma CSS batani kuchepetsa chiwerengero cha zopempha makina, koma idzakhala ntchito bwino poyerekeza batani monga fano.

Iwo likukhalira kuti ngakhale thandizo la ena katundu wa CSS ku Internet Explorer ndi ayi, mabatani awa adakali kuyang'ana kuwina kuposa zithunzi yosavuta, chifukwa chinthu chokha chimene adzautaya owerenga mu Internet Exporer, kotero kuwona izo aesthetics zamakono pa webu -Design. Koma ndi wauzimu ndithu chilema.

Pakuti aliyense udindo wapatsidwa kalembedwe yake. masitaelo zalembedwa mu file .css wapadera kapena pakati Tags mutu mu tsamba kwambiri.

Ikani batani pa webusaiti

Pakati pa malamulo Tags thupi olembedwa:

kumene

ID = "button2" apa ndi dzina anatumizidwa batani,

href = HTTP: // malo / Nkhani / 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 amapatsidwa ulalo mwachindunji kwa chikalata kuilakalaka,

LEMBA - Kusindikizidwa lemba kuzionetsa pa batani.

Masitaelo kwa mabatani

1. CSS kalendala batani zalembedwa payokha chikalata kapena mu tsamba yokha:

2. Choyamba mabatani olembedwa CSS pamene iwo ali pa mpumulo:

3. magawo Komanso analembedwa, lolingana batani pamene amakapakapa. Ngati zili choncho, kokha kusintha mtundu ndi shading, ndi kalembedwe, chirichonse akanali yemweyo, kupatula mtundu ndi shading:

4. Ndipo njira otsiriza udindo wa batani ndi mbamuikha ndi cholozera pa izo. Nthawi zambiri Zikatero chabe kusintha osachepera, monga mtundu, monga mu nkhani iyi:

CSS - mabatani wokongola

Kuti akonze masinthidwe amtundu, mungagwiritse ntchito mabatani. Ndi bwino woyamba kujambula batani mu mkonzi zithunzi, monga Photoshop, choncho mukudziwa zimene zimachitika kumapeto. Ngati inu ntchito Photoshop, ndiye koyamba kale ena gradients, koma Kuwonjezera, mukhoza kukopera zambiri, mtundu omwe akanafuna kuti pamalowa.

Kuyesa CSS-malamulo ndi kusintha magawo osiyanasiyana, n'zotheka kusintha CSS mabatani wokongola, ndi kusankha, kukwaniritsa chimene mukufuna.

magawo awa:

- mtundu wa malemba pa batani;

- kukula kwa mawu ndi mabatani;

- mtundu masinthidwe amtundu mabatani;

- ndi utali wozungulira m'mphambano za batani;

- ndi mtundu wa sitiroko ake.

Kwenikweni, mukhoza bwinobwino, popanda mantha, kuyetsa ndi kusankha njira yabwino. Ngakhale ochepa magawo, inu mukhoza kulenga osiyanasiyana kwambiri mabatani awo kalembedwe.