CSS Zotsatirapo: ngodya anamaliza a zinthu

Malembedwe a Cascading kalendala Mapepala lakonzedwa kotero chabe kuti n'zotheka kupeza kapangidwe mosayembekezeka alipo ngakhale kutali mapulogalamu ndi chitukuko cha malo anthu. Mwina chakuti ana akuseweretsa midadada kukhalabe kukumbukira aliyense, ntchito zimene zinachitikira Mipikisano faceted mu HTML, CSS n'kosavuta.

Komabe, mapulogalamu panopa akadali kutali kwambiri kupereka zomangamanga zenizeni. Kufikira tsopano, malo aliwonse (wotanganidwa zimene mukufuna chipika mchitidwe) kulikonse tanthauzo lake ndi kuikidwa mwamwambo chabe amakona anayi mawonekedwe, amene anapanga mkati kufunika mzere pamapindikira mizere.

Mpaka pano, bwalo aliyense, nazo utali wozungulira, momwe yokhota kumapeto molunjika ndi zina zotero. P. Nkhani zovuta maikwezhoni masamu kapena cubes ochepa, trapezoids, Triangles kapena zina zinthu rectilinear amene distinguishable kwa diso monga mfundo mzere.

Classic Lolunjika kapangidwe

N'zosadabwitsa kuti patsogolo m'munda wa umisiri mapulogalamu ndi mfundo mtchatho kapangidwe anayi. malingaliro nzeru sanali tiziwononga nthawi pa mawonekedwe anamaliza, koma musaiwale kuti mupereke pa kutaya wa mapulogalamu mbali mokwanira ndi HTML Tags malamulo, CSS ndi zinenero ofanana mapulogalamu.

mbali iliyonse ntchito pa tsamba dera amakona anayi, umene ndi allocated magawo angapo, amene pa nkhani iliyonse ayenera kugwiritsidwa ntchito zofunika yekha kuganizira krossbrauzernosti amafuna chizindikiro patsambali mbali zili zenizeni zilipo zomangamanga syntactic.

malamulo General kwa CSS

Cascading kalendala Mapepala kupereka pofotokoza zinthu motere:

• katundu: phindu.

Pankhaniyi, katundu - dzina yeniyeni ndi mtengo akhoza kukhala mwina dzina kapena m'ndandanda wa maina kapena mfundo.

Ponena za zinthu chipika ndi kuchita kudzera CSS anamaliza ngodya, n'zomveka kuti ntchito malire-utali wozungulira chuma ndi phindu lake mu mtundu "38px" kapena "8px 16px 24px 38px".

Ngati mtengo kuperekedwa ndi nambala imodzi, izo kudzakhala kwa anthu kumathandiza kupeza ngodya zabwino. Lembani mfundo zonse zinayi ndi:

• choyamba chiwerengero - kuti chapamwamba kumanzere ngodya;
• wachiwiri - kumanja chapamwamba;
• wachitatu - lamanja m'munsi;
• atsopano - lamanzere m'munsi.

Kuuza ena malamulo

Zikhulupiriro malire, chithunzi ndi maziko angagwiritsidwe ntchito pamodzi. Izi zimachitika, ndipo anatchula malamulo saletsa ndi mzake, kupanga zikuchokera wonse. Chinthu chachikulu - chifukwa choona kuti dzina la aliyense wa iwo umaimira, ndi momwe ntchito.

Pamaso ndikukhazikitsa izi kapena kuti amafotokozera, n'kofunika kuchita zina zatsopano ndi ntchito mayeso pa asakatuli angapo. Lathu malangizo omwe, ayamikira zitsanzo za lachitatu chipani kapena CSS malembedwe anamaliza ngodya, ndi zina zotero. N. Kodi kawirikawiri kuposa mchitidwe wawo watsopano.

Nkofunika kuzindikira kuti malire, image, mwa mawu a kumathandiza kupeza ngodya zabwino kapangidwe - yofanana lingaliro. Chojambula angathe kuperekedwa osati ku PNG-mtundu. Iye adzadulidwa ndi osatsegula, motsatira malamulo unakhazikitsidwa CSS lapansi. Anamaliza ngodya - wachikondi mapulogalamu, kaya squareness zakuthupi gwero.

NKHANI HTML, CSS ku browser

Welcome kalendala kujambula yogulitsa - chifukwa asakatuli zonse mwakamodzi. Lang'anani zitsanzo tingachipeze powerenga pa mutu wakuti "ndi CSS: anamaliza ngodya" kupereka kulemba kuti:

maziko: # FF7F00; / * Background * /

malire: 1px #CCCCCC olimba; / * Border * /

-moz-malire-utali wozungulira: 10px; / * CSS anamaliza ngodya kwa Mozilla Firefox * /

-webkit-malire-utali wozungulira: 10px; / * ... kwa Safari ndi Chrome * /

-khtml-malire-utali wozungulira: 10px; / * ... Konquerer * /

malire-utali wozungulira: 10px; / * The CSS anamaliza ngodya onse * / ndi zina zotero. N.

Komabe, nthawi zambiri yokwanira mwachindunji ulamuliro lomaliza. Redundancy ayenera kugwiritsidwa ntchito pamene pali kufunika kwenikweni.

Classic ndi zodabwitsa tebulo

Ngakhale ambiri mikangano mbali tebulo Kamangidwe (TR, TD) ndi njira ntchito Tags div ndi chikhatho chimodzi ( «zozizwitsa" Kamangidwe), cholinga mchitidwe woyanjidwa njira bwino kutero.

Mu divs ena ulemu mu magome ena. Ngati samvera azigwirizana, ndipo monga kupikisana, funso mofulumira chamunthuyo mu Baibulo amene Chili mbali yabwino matebulo ndi divs.

Ambiri mwa malo analengedwa ntchito CMS (okhutira kasamalidwe dongosolo), ndi kutaya mapulogalamu abwera osati osiyanasiyana "chimphona" datasets ambirimbiri mumafooda, zinthu, komanso podyerapo.

Tag [div | chikhatho chimodzi], chotero, si kuoneka, koma chinthu chokha chimene chimabwera ndendende pa chifundo wathunthu wa mapulogalamu ndi - ndi CSS stylesheet. Ndipo aliyense CMS bwino alekanitsa code, gawo la izo kuchokera zilandiridwenso ndi mapulogalamu ndi masitaelo awo kalembedwe anawonjezera, ndipo mu nkhani ya kusintha (mwachitsanzo, css - nazo m'mphambano za gome), inu nthawi zonse kubwezeretsa zoikamo ndi masitaelo ofikira.

Zokhotakhota ndi kumathandiza kupeza ngodya zabwino si ataphimbidwa ndi malembedwe ya

Mukhoza mosamalitsa kutsatira malamulo onse a HTML, CSS, koma kuti chifukwa, iwo anapereka. Superimposing zinthu wina ndi mnzake, n'zotheka kupeza dera lililonse la kasinthidwe iliyonse. Kugwiritsa Php-chitukuko pa makina, mukhoza kutumiza kwa osatsegula Alendo ndi owona chilichonse kalembedwe angagwirizanitse kwa iwo yoyenera JavaScript kachidindo mu thupi la HTML-file kapena osiyana JS-file.

Aliyense zosinthika dera, mtundu uliwonse wa mchitidwe katundu ndi CSS malamulo! Anamaliza ngodya - chabe makamaka ndi mwayi weniweni ndi onse kwambiri. Pankhaniyi, mapulogalamu zinthu anu, inu sangamvetsere kwa makhalidwe a asakatuli munthu, ntchito kokha Tags ndi kapangidwe ka m'zinenero hypertext, zomwe zazindikirika ndi onse, popanda asakatuli zosiyana.

Kugwiritsa ntchito mfundo za chinthu wokonda mapulogalamu, mukhoza kupanga tione wa pangodya kapena pamapindikira ndi mwachionekere sanakuoneretu mwa njira iliyonse osatsegula. Pankhaniyi, si koyenera kuti uyu adzakhala ngodya ya m'derali yomwe poyamba anali mawonekedwe anayi. Nkofunika kuti zigawo za pamapindikira anafotokoza mu mawonekedwe a malamulo CSS, pamodzi mu umodzi zithunzi JavaScript chinthu malamulo ndi pa nthawi yoyenera mu lamanja malo osatsegula, akuganizira yokha mu mawonekedwe zolondola.

Njira imeneyi sikusokoneza zinthu zimenezi kuzindikira okha atatu azithunzi omwe tikunena ndege kapena amasonyeza makanema ojambula.