Iziphumo CSS: ajikelezayo lweziqalelo

Yobeko of Uhlobo lwamakhasi ayingxangxasi yenzelwe ukuze nje ukuba kungenzeka ukufumana owona mfanekiso ezingalindelekanga ifumaneka kude kude ukusuka kweenkqubo kunye nophuhliso kweesayithi zabantu. Mhlawumbi yokuba abantwana badlale ngeebhloko ahlale kwinkumbulo wonke, sebenzisa amava multi-amaninzi e HTML, CSS kulula.

Nangona kunjalo, lo iinkqubo yangoku nangoku kude kakhulu singasondezi izakhiwo leyinene. De kube ngoku, nayiphi na indawo (kuhlala into oyithandayo block isiqalelo) kuyo nayiphi na intsingiselo yalo kunye nokuqeshwa olusesikweni kwemilo yoxande, oluthi luqokelelane ngaphakathi komgca curve aya oyifunayo.

De kube ngoku, nayiphi na isangqa, usondelisa radius, indlela ngqo egosogoso njalo njalo. P. Uchaza quadratic ezintsonkothileyo zemathematika okanye iityhubhu ezincinane kakhulu, trapezoids, oonxantathu okanye ezinye izinto rectilinear ukuba distinguishable emehlweni njengenqaku emgceni.

design Classic Tye

Akumangalisi ukuba inkqubela phambili endle iinkqubo kunye nolwazi ubugcisa ngokusemthethweni design yoxande. iimbono ezintsha akazange achithe ixesha kwi imilo ajikelezayo, kodwa musa ukulibala ukuba sibekho yokulahla umphuhlisi iimpawu ngokwaneleyo HTML tags imithetho, CSS kunye neelwimi ezinxulumene kweenkqubo.

Nasiphi na element esetyenzisiweyo kwiphepha yi ariya ebuxande, apho eyabelwe iindawo eziliqela, apho kwimeko nganye kufuneka isetyenziswe kuyimfuneko kuphela kuqwalaselwa iimfuno krossbrauzernosti iimpawu andisiweyo isiqulatho ezithile izakhiwo ezikhoyo syntactic.

imithetho jikelele CSS

Uhlobo lwamakhasi ayingxangxasi zinika ukuchaza izinto ngolu hlobo lulandelayo:

• impahla: value.

Kulo mzekelo, impahla - igama ethile kunye Ixabiso lingaba nokuba igama okanye kufakwa amagama okanye amaxabiso.

Ngokuphathelele izinto ibhloko kunye nemfuneko ntoni nge CSS elirhangqiweyo iikona, iyavakala ukusebenzisa ipropati umda-radius kunye nexabiso layo ngendlela "38px" okanye "8px 16px 24px 38px".

Ukuba ixabiso linani elinye, uya kubekelwa nalawo engile bonke. Bhala phantsi yonke ezine amaxabiso zezi:

• Inombolo yokuqala - ukuya kwikona ephezulu ekhohlo;
• okwesibini - ekunene eliphezulu;
• eyesithathu - ekunene lasezantsi;
• yakutshanje - ukuya ekhohlo asezantsi.

Ukwabelana eminye imithetho

umda Concepts, umfanekiso kunye nemvelaphi zisetyenziswe kunye. Oku eqhelekileyo, yaye wakhankanya imithetho Awaphazamisani omnye komnye, akha kuqamba lulonke. Eyona nto ibalulekileyo - ukuba isibakala sokuba igama ngamnye kubo umele, kwaye onokusetyenziswa ngayo.

Ngaphambi ephumeza lo okanye sakhi, kubalulekile ukuqhuba ezithile eksperimenti kunye nomsebenzi test ku bakhangeli beencwadi ezininzi. Ukuqhelaniswa iingcebiso, iingcebiso, imizekelo wesithathu okanye CSS kwezivakalisi, isiwe iikona, njalo njalo. N. Ngaba kunqabile ngaphezu practice yabo entsha.

Kubalulekile ukuqonda ukuba umda, umfanekiso, ngokwemigaqo-engile yoyilo - uhlobo olufanayo mbono. Drawing zinganikezelwa ayikho png-format. Uya kunqunyulwa ngumkhangeli zincwadi, ngokutsho imithetho esekwe kwi CSS. ajikelezayo - developer nenkathalo, kungakhathaliseki squareness yesixhobo umthombo.

Features HTML, CSS evela bakhangeli beencwadi

Welcome Style lokurekhoda lokushiywa - bonke bakhangeli ngaxeshanye. Kunjalo imizekelo Classic malunga nesihloko "le CSS: elirhangqiweyo iikona" sinikela nokubhala ukuze:

imvelaphi: # FF7F00; / * Background * /

umda: 1px #CCCCCC eqinileyo; / * Border * /

moz-umda-radius: 10px; / * CSS elirhangqiweyo iikona ye Mozilla Firefox * /

-webkit-umda-radius: 10px; / * ... kuba Safari kunye Chrome * /

-khtml-umda-radius: 10px; / * ... Konquerer * /

umda-radius: 10px; / * Le CSS elirhangqiweyo iikona kuzo zonke * / njalo-njalo. N.

Nangona kunjalo, kwiimeko ezininzi kwanele ukucacisa ulawulo lokugqibela. Komsebenzi kufuneka isetyenziswe kuphela xa kukho imfuneko.

itheyibhile Classic emangalisayo

Nangona ezininzi yokuphikisana nabaxhasi itheyibhile yobume (ts, TD) kunye ukhetho ekusebenziseni tags div kunye span ( «emangalisayo" layout), injongo yokwenza ukhetho yintombazana ngokusengqiqweni kuyimfuneko.

Xa divs abanye isidima kwezinye tafile. Ukuba ngaba ezihlobeneyo enye, ukukhuphisana nje, umbuzo ange ngokukhawuleza ngumphunga in version enye idibanisa imiba kakhulu iitafile kunye divs.

Uninzi kwiziza anokwenziwa usebenzisa i CMS (inkqubo yolawulo umxholo), kunye nokulahlwa umphuhlisi uza kuphela uluhlu olubanzi zogcino- "ingxilimbela" amakhulu iifolda, izinto, kodwa iitafile.

Tag [div | span], njengoko enjalo, ngaba ukuma ngaphandle, kodwa ke kuphela into efika kanye inceba epheleleyo umphuhlisi - CSS kwikhasi lohlobo. Kwaye nawuphi na CMS esahlula ngokucacileyo ikhowudi, inxenye yayo ukusuka bobuchule umphuhlisi kunye izimbo zabo zesimbo wathi, yaye kwimeko utshintsho (umzekelo, CSS - usondelisa iimbombo table), ungasoloko ukubuyisela izicwangciso kunye nezimbo emiselweyo.

Ezigoso imizila engabandakanywanga syntax

Unako kuhlala ngokungqongqo yonke imithetho HTML, CSS, kodwa abe yoko, ukuba ezinokunikezelwa. Superimposing izinto omnye komnye, unako ukufumana naluphi mmandla naluphi uqwalaselo. Ukusebenzisa PHP-uphuhliso kumncedisi, ungathumela ku umkhangeli undwendwe kunye naziphi iifayile isimbo ukuba qhoboshela kubo efanelekileyo ikhowudi JavaScript kumzimba HTML-ifayile okanye eyahlukileyo ikloko yeyure eziyi-ifayile.

Naluphi na uhlobo zeesekethe, naluphi na uhlobo isiqalelo isakhiwo imithetho CSS! ajikelezayo - nje ezithile, kunye namathuba lokwenyani banzi kakhulu. Kulo mzekelo, lwenkqubo izinto zakho, awukwazi ukuhlawula ingqalelo kwiimpawu bakhangeli beencwadi ngamnye, sebenzisa kuphela iitags kunye nolwakhiwo iilwimi iProtokhol, leyo zibonwa zonke, ngaphandle kwabakhangeli ngaphandle.

Ukusebenzisa ingcamango senkqubo into ebomini, ungenza uyile inkangeleko yembombo okanye egopheni ukuba akunjalo kuboniwe nawuphi na umkhangeli. Kulo mzekelo, akukho mfuneko yokuba oku kuya kuba oluphezu mmandla, nto leyo ekuqaleni imilo yoxande. Kubalulekile ukuba amacandelo curve echazwe ngohlobo imithetho CSS, idityaniswe ibe single ebonakalayo JavaScript ikhowudi into kwaye ngexesha elifanelekileyo kwindawo umkhangeli ekunene, ibonisa ngokwayo ngendlela echanekileyo.

Le iteknoloji akuyiphazamisi izinto abanjalo bayafuneka ukuze bayiqonde bona e-ntathu moya okanye show oopopayi.