Effects CSS: kujên tê giroverkirin ji hêmanên

Hevoksaziyê ji Raxistin hatiye dîzaynkirin ku ewqas bi hêsanî ku derfeta bidestxistina design unexpected herî License de derbasdar e, heta niha ji bo bernamên û pêşketina malperên mirovan. Dibe ku ji ber ku zarok dilîzin bi blokên li bîra her kesî de bimîne, bi kar tînin ku tecrubeya multi-pirhêl e li HTML, CSS û hêsan e.

Lê belê, ji bernameyên niha hê jî pir dûr ji pêşkêşkirina lêkirina ji rastiyê. Heta niha, li kîjan devera (dagir hun ji çi hez element block) li yek ji wateya xwe û serdanê fermî yên şiklê çargoşeyê dîk e, ku di nava xwestin xeta curve contour avakirin.

Heta niha, tu circle tecrît radius, çawa di cih de tê pêkandin û da ser. P. rave hevkêşeyên aloz matematîkî an cubes pir biçûk, trapezoids, triangles an din hêmanên rectilinear ku cudah bi çavên wek niqta li ser xeta ne.

design Rast Classic

Ev ne tiştekî ecêb e ku pêşketinên di warê teknolojiya bernameyên û agahî qanûnîkirin design çargoşeyê dîk e. ramanên Innovative ew dem li ser şiklê tê giroverkirin wunda ne, lê ji bîr nekin da ku li ser daxwaza ji pêşvebirinê taybetmendiyên têr û qaîdeyên tags HTML, CSS û zimanên bernameyên related.

Her element bikaranîn li ser rûpel a herêma çargoşeyê dîk e, ku di nav ku bi rêk û çend deverên din, yên ku di her rewşê de, divê bi tenê pêwîst bi kar liberçavgirtina daxwazên krossbrauzernosti features markup naveroka taybet lêkirina qaydeyên License de derbasdar e.

qaîdeyên giştî ji bo CSS

Raxistin bidin ji bo wiha rave dike ku hêmanên:

• property: value.

Di vê rewşê de, mal û milk - name taybet û nirxa dikare bibe, yan name an êlekî navên an nirxên.

Li ser hêmanên block û pêwîstî ji bo ku ez bi rêya CSS kujên xwe terk dikir, ew jî hesteke bi kar milkê sînor-radius û nirxa wê ya di formata "38px" an "8px 16px 24px 38px".

Ger nirxa dayîn ji aliyê hejmareke yek, wê ji wan ji bo hemû angles danîn. Record hemû çar nirxên in:

• yekem hejmara - bi destê çepê;
• ya duyem jî - ji bo mafê jorîn;
• ya sisiyan - ji bo mafê lower;
• dawî - li ser milê çepê danaye.

Hev hin ji yên ku qaîdeyên

Têgehên sînor, image û background dikare bi hev re tê bikaranîn. Ev normal e, û behsa rêbazên xwe bi hev re ne destwerdana, damezrandina pêkhateya giştî. Ya herî sereke - ji bo hesabê ji bo wê yekê ku navê yekî ji wan temsîl dike, û çawa ev sepandin.

Berî ku bicihanîna vê an wê element, girîng e ku dimeşînin de hin tecrûbeyên û xebatên ceribandinê li ser gerokên multiple. Orientation şîret, pêşniyaz wergerandî yên third-party an syntax CSS, terk kujên, û hwd. N. Ma kêm caran çêtir pratîkê de teze xwe bi xwe.

Ev girîng e ku fêm bikin ku li ser sînorê, image, di warê angles design - eynî cureyê ji konsepta. Xêzkirinê dikare ne li png-format kirin. Ew dê bên off ji aliyê geroka li gor qaîdeyên di CSS ava birrîn,. kujên Rounded - pêşvebirinê bi lêz, bêyî ku li squareness yên maddî çavkanî.

CÎHAN HTML, CSS ji gerokên

Bi xêr hatî wholesale recording Style - ji bo hemû gerokên di cih de. Edî wergerandî klasîk a li ser mijara "li CSS: kujên xwe terk" Pêşkêşiya ji bo nivîsandinê da:

background: # FF7F00; / * Background * /

border: 1px #CCCCCC solid; / * Border * /

-moz-sînor-radius: 10px; / * CSS kujên xwe terk bo Mozilla Firefox * /

-moz-border-radius: 10px; / * ... ji bo Safari û Chrome * /

-khtml-sînor-radius: 10px; / * ... Konquerer * /

border-radius: 10px; / * The CSS kujên xwe terk bo hemû * / û bi vî awayî li ser. N.

Lê belê, di piraniya caran ew têra xwe diyar bike ku hukmê dawîn e. Çarçova qerebûyê de bê bikaranîn bi tenê dema ku pêwîst dike heye.

table Classic û ecêb

Tevî ku gelek kes devjeniyên alîgirên layout table (tr, td) û mecala bikaranîna tags div û span ( «ecêb" layout), armanca pratîkê de option keçika ku bi mentiq pêwîst.

Di Dīvs hin rûmet di tabloyên din. Eger ew hev û din temam dikin ne, û tenê di pêşbirkê de, pirsa dê zû li yek Versiyon ji bo ku mûzîka herî baş waran de li maseyên û Dīvs hatin dukelkirin.

Piraniya malperên afirandin bikaranîna CMS (sîstema rêveberiya content), û li gorî daxwaza yên pêşvebirinê tê ne bi tenê dikarî cur be cur ên datasets "dêwekî" bi sedan peldankên, alav, di heman demê de jî maseyên.

Tag [div | span], yên ji vî rengî, ew bi derxin, lê tenê tiştekî ku bê tam li rehmê bi tevahî ya pêşvebirinê - a stylesheet CSS. Û ti CMS bi awayekî zelal ji hev vediqetînin kodê de, beşek ji ev ji afirandinê ya pêşvebirinê û styles xwe ji style added, û di doza Guherandinên (wek nimûne, css - tecrît starên ser sifrê), tu her tim mîhengên û styles default vegerînim.

Curves û angles ji aliyê syntax sergirtî ne

Tu bi tevahî ji aliyê hemû qaîdeyên HTML, CSS bimînin, lê bi encama vê de, ku ew bi provided ne. Superimposing hêmanan ji hev re jî, pêkan e ji bo bidestxistina hemû herêmê ji ti veavakirina. Bikaranîna PHP-pêşveçûnê li ser pêşkêşkara, tu ji bo browser mêvan û Tu pelên style bişîne Zêdekirina pêvekê bi ser wan de code JavaScript guncaw ku di bedenê de ji IP-file yan jî cuda js-file.

Bęjeyek ji guhertoya circuit, ti form of element malê qaîdeyên CSS e! kujên Rounded - bi tenê bi taybetî, û derfetên rast e berfirehtir. Di vê rewşê de, bernameyên ji bo tiştên xwe bi xwe de, tu bal kişand ser taybetiyên gerokên şexsî bidin ne, bi kar tînin tenê tags û strûktûra yên zimanan kurucu, bi ya ku ji aliyê hemû fêm kir, bêyî ku gerokên îstîsna.

Bikaranîna fikra xwe ya bernameyên-object nêrîn, tu dinêrin di quncikê de þêwazên an curve bi aşkerayî ji aliyê ti formên browser esnayê ne. Di vê rewşê de, ew e ku ne pêwîst e ku ev dê bibe quncikê de ji herêmê, ku di destpêkê de şiklê çarkenarî bû. Ev girîng e ku pêkhateyên curve ku di form of qaîdeyên CSS, bi hev re di nav dîtbarî JavaScript code object yek û di dema xwe de di geroka cihê rastê, bi xwe li rengê hazirkirin.

Ev teknolojiya ku bi van tiştên ne destwerdana xwe bi xwe di balafirê an show animation sê-alî pêk bînin.