CSS liphello: ho potoloha likarolo tsa lisebelisoa

Tlhaloso ea lipampiri tsa mekhoa ea ho itšireletsa e hahiloe ka tsela e lekaneng hore monyetla oa ho fumana moqapi o sa lebelloang o fumaneha esita le ho motho ho tloha lenaneong le ho nts'etsopele libaka. Mohlomong ka lebaka la hore lipapaling tsa bana li-cubes li ntse li le teng mohopolong oa bohle, ho sebelisa phihlelo ena e mengata ka HTML, CSS ha ho thata.

Leha ho le joalo, merero ea morao-rao e ntse e le hōle haholo le setšoantšo sa ho hahoa ha nnete ea sebele. Ho fihlela joale, sebaka leha e le sefe (se nang le ntho leha e le efe ea sekhukhu) se nang le moelelo leha e le ofe oa eona le merero ea sepheo se na le sebopeho se nang le mela e metsoako eo ho eona ho etsoang lekhalo le lakatsehang la mokokotlo.

Hajoale, selikalikoe, marulelo a sepakapaka, lehlakoreng leha e le lefe le omeletsoeng, joalo-joalo li hlalositsoe ka li-equations tse rarahaneng tsa lipalo kapa li-cubes tse nyenyane haholo, li-trapezoids, likarolong tse ling tse tharo tse tharo tse bonahalang mahlong e le ntlha lintlheng.

Mehaho e tobileng ea khale

Ha ho makatse hore khatelo-pele ea lenaneo le theknoloji ea tlhahiso-leseling e na le litlhōlisano tse entsoeng ka mahlakore a mabeli. Maikutlo a tsoetseng pele ha aa ka a senya nako ka mefuta e fapaneng, empa ha aa ka a lebala ho fana ka moqapi ka likarolo tse lekaneng li-tag le melao ea HTML, CSS le lipuo tse amanang le lenaneo.

Ntho e 'ngoe le e' ngoe e sebelisitsoeng leqepheng lena e na le sebaka se nang le mahlakore a mararo, 'me likaroloana tse' maloa li khethiloe ho eona, tseo ho tsona ho lokelang ho sebelisoa feela ho hlokahalang, le litlhoko tsa tsamaiso ea sefapano sa sefapano, likarolo tsa ho hlahisa likarolo tse itseng tsa thepa ea maiketsetso e teng.

Melao ea Kakaretso ea CSS

Lipampitšana tsa mokhoa o senyang li bontša ho hlalosa likarolo ka tsela e latelang:

• Thepa: boleng.

Thepa ke lebitso le tobileng, 'me boleng e ka ba lebitso kapa pitso ea mabitso kapa litekanyetso.

Mabapi le likarolo tse thibelang le ho hlokahala hore ho be le likarolo ka CSS, hoa utloahala ho sebelisa thepa-radius thepa le boleng ba eona ka mokhoa o "38px" kapa "8px 16px 24px 38px".

Haeba boleng bo behiloe ho nomoro e le 'ngoe, e tla be e be e le' ngoe bakeng sa li-angles tsohle. Tlaleho ea litekanyetso tsohle tse 'nè e re:

• Nomoro ea pele ho ea ka holimo ho le letšehali;
• Ea bobeli ho ea holimo ka holimo;
• Ea boraro - ho ea ka tlaase e le 'ngoe;
• E qetellang ho ea ka tlaase ka ho le letšehali.

Ho arolelana melao

Lintlha tsa moeli, setšoantšo le semelo li ka sebelisoa hammoho. Sena ke se tloaelehileng, mme melao ha e sitise, ho etsa moralo o akaretsang. Ntho e ka sehloohong ke ho fana ka tlaleho ea seo hantle e mong le e mong oa sona a se bolelang, le hore na o holimo hakae.

Pele o kenya ts'ebetsong ena kapa ka ntlha eo, ke habohlokoa hore u khanne liteko tse 'maloa' me u leke ts'ebetso ho li-browser tse 'maloa. Boikutlo ba boithuto ho ea ho keletso, litlhahiso, mehlala ea boraro kapa mekhoa ea CSS, likoloto tse pota-potileng, joalo-joalo, ha ho bonolo ho feta mokhoa oa hau o mocha.

Ke habohlokoa ho utloisisa hore moeli, setšoantšo, ho tloha sebakeng sa pono ea moqapi oa likhutlo, ke likhopolo tse tšoanang. Setšoantšo se ka hlahisoa eseng png-format. E tla hlophisoa ke sebapali, ho ea ka melao e behiloeng CSS. Likhutlo tse pota-potileng ke ho ameha ha moqapi, ho sa tsotellehe hore na mohloli oa mohloli ke ofe.

Dikarolo tsa HTML, CSS ho tloha li-browser

Amohela ho kena ha mokhoa ona ka bongata - bakeng sa libapali tsohle hang-hang. Ho sa tsotellehe boemo leha e le bofe, mehlala ea khale ea sehlooho "CSS: ho pota-pota" e fana ka tlhahiso ea ho ngola tjena:

Ka morao: # FF7F00; / * Nako e ka morao * /

Moeli: 1px #CCCCCC tiileng; / * Frame * /

-moz-border-radius: 10px; / * CSS e pota-potileng khoeli bakeng sa Mozilla Firefox * /

-ebkit-border-radius: 10px; / * ... bakeng sa Chrome le Safari * /

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

Moeli oa moeli: 10px; / * CSS e pota-potileng lits'ebeletso bakeng sa bohle / joalo-joalo.

Leha ho le joalo, maemong a mangata ho lekane ho bontša molao oa ho qetela. Phetoho e lokela ho sebelisoa ha ho e-na le tlhoko ea sebele ea eona.

Mebala ea khale le e tsotehang

Ho sa tsotellehe likhohlano tse ngata tsa batšehetsi ba li-layout (tr, td) le tšebeliso ea likarabo le li-span tags ("mokhoa o babatsehang"), sepheo sa sepheo se khetha khetho ea se hlokahalang.

Divas e na le makhabane a mang, a mang a na le litafole. Haeba ba ne ba sa tlatsane, empa ba mpa ba hlōlisana, potso eo e ne e tla fela ka mokhoa o le mong, ho kopanya likarolo tse ntle ka ho fetisisa tsa litafole le likarabo.

Boholo ba liwebsaete li bōptjoa ho sebelisa CMS (tsamaiso ea tsamaiso ea sebaka) 'me ho e-na le moo moqapi oa thepa a tlang ka bongata, ha a fihle lipapatso tse ngata tsa "giant", li-folders, lintho, empa hape le litafole.

Tags [div | span], joalo-joalo, ha e fuoe, empa ntho e le 'ngoe feela e fihletsoeng ho reka ka ho feletseng ho moqapi ke CSS mekhoa. 'Me CMS leha e le efe e arola ka ho hlaka khoutu e kenyelletsitsoeng ho eona ho tloha ho ts'ebeliso ea moqapi, le mekhoa ea eona ho tloha mefuteng e kenyelletsoeng, le mabapi le liphetoho (mohlala, ka css - ho potoloha likhareng tsa tafoleng), u ka lula u tsosolosa maemo le mekhoa e sa fetoheng.

Li-curve le li-angles ha li fanoe ke li-syntax

U ka latela melao eohle ea HTML, CSS, empa u na le phello, ha e fanoe. Ka ho hlahisa likarolo tse ka holimo ho tse ling, o ka fumana libaka leha e le life tsa kemiso efe kapa efe. U sebelisa mananeo a PHP ho seva, u ka romela lifaele tsa mofuta leha e le ofe ho sebapali sa moeti 'me u li tšela ka tsela e tšoanang le ea JavaScript ka' mele oa HTML kapa fapaneng js-file.

Phetolelo leha e le efe ea kemiso, mofuta ofe kapa ofe oa karolo ea hau ka ntle ho melao ea CSS! Likhutlo tse pota-potileng ke karolo feela, 'me menyetla ea sebele e ngata haholo. Ka nako e tšoanang ha u ntse u itokisetsa lintho tsa hau, u ke ke ua ela hloko likarolo tsa li-browsers ka bomong, sebelisa li-tag tseo le mehaho ea lipuo tsa hypertext tse lemohuoang ke li-browser tsohle ntle le tse ling.

U sebelisa likhopolo tsa lenaneo le nang le morero, u ka bopa ponahalo ea lehlakoreng kapa lekhalo, ho hlakile hore ha le fanoe ke sebapali sa mofuta leha e le ofe. Tabeng ena, ho hang ha ho hlokahale hore e be hantle ka lehlakoreng la sebaka seo, sebopeho sa 'mino se nang le mahlakoreng a mabeli. Ke habohlokoa hore likarolo tsa lekhalo le hlalositsoeng ka mokhoa oa melao ea CSS li kopantsoe hore e be ntho e le 'ngoe e bonahalang ea JavaScript le motsotso o nepahetseng, sebakeng se nepahetseng sebapeng, se iponele ka foromo e nepahetseng.

Ka theknoloji ena, ha ho letho le thibelang lintho tse joalo hore li se ke tsa itlhahloba ka sefofaneng sa boraro kapa ho bontša lipapali.