CSS Effects: ôfrûne hoeken fan eleminten

Syntax of Cascading Style Sheets is ûntwurpen sa gewoan, dat de mooglikheid ta it heljen fan it meast ûnferwachte design is beskikber sels fier fan de programmearring en de ûntwikkeling fan de minsklike sites. Faaks it feit dat bern boartsje mei blokken bliuwe yn elkenien syn ûnthâld, brûk de multi-faceted ûnderfining yn HTML, CSS is maklik.

Lykwols, de hjoeddeiske programmearring is noch hiel fier fan it presintearjen fan konstruksjes fan de werklikheid. Oant no ta, eltse gebiet (beset wat jo block elemint) yn ien fan syn betsjutting en de formele beneaming fan in rjochthoekige foarm, dat wurdt foarme binnen de winske curve contour line.

Oant no ta, eltse sirkel, Rounding striel, hoe't in bûgde rjochttroch en sa fierder. P. Beskriuwt it kompleks wiskundige fergelikingen of hiel lytse blokjes, Trapezoids, trijehoeken of oare rjochtlinige eleminten dy't te ûnderskieden mei it each as punt op 'e line.

Classic Straight design

It is net sa nuver dat foarútgong op it mêd fan de programmearring en ynformaasje technologyen legalized rjochthoekich design. Ynnovative ideeën net fergrieme tiid op in ôfrûne foarm, mar ferjit net te presintearjen op it foldwaan fan de ûntwikkelders genôch funksjes en HTML tags regels, CSS en besibbe programmearring talen.

Any elemint brûkt op dizze side is in rjochthoekich gebiet, dêr't it yn tarekkene ferskate dielen, wêrfan yn elts gefal moatte brûkt wurde allinne nedich beriedt krossbrauzernosti easken opmaak eigenskippen spesifike ynhâld beskikber syntaktyske konstruksjes.

Algemiene regels foar CSS

Cascadearjende stylblêden biede te beskriuwen de eleminten lykas folget:

• eigendom: wearde.

Yn dit gefal, eigendom - spesifike namme en wearde kin wêze of in namme of in fermelding fan de nammen of wearden.

Oangeande it blok eleminten en de needsaak om te dwaan fia CSS boppen ôfrûne hoeken, it makket sin te brûken de grins-radius eigendom en syn wearde yn 'e opmaak "38px" of "8px 16px 24px 38px".

As de wearde jûn troch ien nûmer, dan sil ynsteld wurde oan dyjingen foar alle hoeken. Record alle fjouwer wearden binne:

• earste nûmer - oan 'e boppeste lofts hoeke;
• it twadde - oan 'e boppeste rjochts;
• de tredde - oan 'e legere rjochts;
• lêste - foar de legere lofts.

It dielen fan guon fan 'e regels

Concepts grins, byld en eftergrûn kin brûkt wurde byinoar. Dat is normaal, en neamd regels net bemuoie mei elkoar, sy de totale gearstalling. It wichtichste ding - op rekkennûmer foar it feit dat de namme fan elk fan harren fertsjintwurdiget, en hoe't it wurdt tapast.

Foardat de útfiering fan dit of dat elemint, is it wichtich om te fieren wat eksperiminten en test wurk op meardere browsers. Oriïntaasje mei it advys, oanrikkemandaasjes, foarbylden fan tredden of CSS syntaksis, boppen ôfrûne hoeken, ensafuorthinne. N. Is komselden better as har eigen frisse praktyk.

It is fan belang om te begripen dat de grins, byld, kwa design Angelen - itselde soarte fan konsept. Tekening kin presintearre net yn png-formaat. Hy sil útroege wirde troch de blêder, neffens de regels fêstlein yn de CSS. Ôfrûne hoeken - soarchsume ûntwikkelders, ûnôfhinklik fan squareness fan it boarnemateriaal.

Funksjes HTML, CSS út blêders

Wolkom Style opname wholesale - foar alle blêdzjers tagelyk. Anyway klassike foarbylden oer it ûnderwerp 'de CSS: ôfrûne hoeken "oanbod te skriuwen sa:

background: # FF7F00; / * Eftergrûn * /

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

-moz-border-striel: 10px; / * CSS boppen ôfrûne hoeken foar Mozilla Firefox * /

-webkit-border-striel: 10px; / * ... foar de Safari en Chrome * /

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

border-radius: 10px; / * De CSS boppen ôfrûne hoeken foar alle * / ensafuorthinne. N.

Lykwols, yn de measte gefallen is it genôch om te spesifisearjen de lêste regel. Ûntslach moatte brûkt wurde allinne as der in echte ferlet.

Klassiker en prachtige tafel

Nettsjinsteande tal fan pleitsaken supporters tabel opmaak (tr, td) en de opsje fan mei help fan div tags en span ( «wûnderlike" opmaak), objektive praktyk begeunstige opsje ridlik nedich.

Yn divs hawwe guon weardichheid yn 'e oare tafels. As se net folje inoar, en krekt stride, de fraach soe hawwe gau ferdampt yn ien ferzje dat kombinearret de bêste aspekten fan tafels en divs.

It grutste part fan 'e plakken makke mei help fan de CMS- (ynhâld behear systeem), en yn' e ôffier fan it projektûntwikkelder komt net allinne in breed berik fan "reus" datasets fan hûnderten mappen, foarwerpen, mar ek tafels.

Tag [div | span], as sadanich, net stean út, mar de iennichste ding dat komt krekt op 'e folsleine genede fan de projektûntwikkelder - een CSS stylblêd. En eltse CMS- dúdlik skiedt de koade, in part dêrfan út 'e projektûntwikkelder syn kreativiteit en harren eigen stilen fan tafoege styl, en yn it gefal fan feroaringen (bygelyks, css - Rounding de hoeken fan' e tafel), kinne jo altyd weromsette de ynstellings en standert stilen.

Bochten en hoeken net bedutsen troch de syntaksis

Jo kinne strikt hâlde oan alle regels fan HTML, CSS, mar te hawwe in resultaat, se wurde net foarsjoen. Superimposing eleminten oan elkoar, is it mooglik om te krijen eltse regio fan in konfiguraasje. Mei help fan PHP-ûntwikkeling op de tsjinner, kinne jo stjoere nei it besikerssintrum fan blêder en eltse styl triemmen oan hechtsje oan harren it passend JavaSkript-koade yn it lichem fan de HTML-triem of in aparte js-triem.

Any circuit fariant, eltse foarm fan eigendom elemint is CSS regels! Ôfrûne hoeken - net mear as it bysûnder, en echte kânsen is folle breder. Yn dit gefal, adres yn jo eigen objekten, kinne jo it net betelje omtinken oan de skaaimerken fan yndividuele browsers, brûk allinne de tags en opbou fan hypertext talen, dy't wurde waarnommen troch allegear, sûnder útsûndering browsers.

Mei help fan it idee fan it foarwerp-rjochte programmearring, kinne jo ûntwerpe it uterlik fan in hoekje of in kromme is fansels net foreseen by eltse blêder formulieren. Yn dit gefal, it is net nedich dat dit sil wêze de hoeke fan it gebiet, dat wie oarspronklik in rjochthoekige foarm. It is wichtich dat de ûnderdielen fan 'e bocht beskreaun yn' e foarm fan CSS regels, kombinearre yn ien fisuele JavaSkript object koade en as it syn tiid op it goede plak blêder, slút himsels yn de krekte foarm.

Dizze technology net behinderje sokke foarwerpen te realisearje harsels yn in trijediminsjonale fleanmasine of show animation.