CSS Athari: pembe za mduara wa mambo

Sentensi za kuachia Style Sheets imeundwa ili tu kwamba uwezekano wa kupata mpango mengi zisizotarajiwa inapatikana hata mbali na programu na maendeleo ya maeneo ya watu. Labda ukweli kwamba watoto kucheza na vitalu kubaki katika kumbukumbu ya kila mtu, kutumia uzoefu mbalimbali faceted katika HTML, CSS ni rahisi.

Hata hivyo, programu ya sasa bado ni mbali sana na kuwasilisha ujenzi wa hali halisi. Hadi sasa, eneo lolote (iliyoshikiliwa nini kama block kipengele) katika mojawapo ya maana yake na uteuzi rasmi wa sura mstatili, ambayo ni sumu ndani ya taka line Curve contour.

Hadi sasa, mduara yoyote, huzungusha Radius, jinsi ikiwa sawa na kadhalika. P. Hufafanua tata equations hisabati au cubes ndogo sana, trapezoids, pembetatu au nyingine mambo rectilinear walio kutofautishwa kwa jicho kama kituo kwenye mstari.

Classic moja kwa moja kubuni

Si ajabu kwamba maendeleo katika uwanja wa teknolojia ya kompyuta na habari kuhalalishwa kubuni mstatili. mawazo ya ubunifu si kupoteza muda juu ya sura ya mviringo, lakini usisahau kuwasilisha ovyo wa developer makala ya kutosha na HTML tags sheria, CSS na lugha zinazohusiana programu.

kipengele yoyote kutumika katika ukurasa ni eneo la mstatili, ambapo ni zilizotengwa maeneo kadhaa, ambapo katika kila kesi inapaswa kutumika muhimu tu kwa kuzingatia krossbrauzernosti mahitaji ghafi makala maudhui maalum inapatikana ujenzi kisintaksia.

Mkuu wa sheria kwa ajili ya CSS

Kuachia Style Sheets kutoa kuelezea mambo kama ifuatavyo:

• mali: thamani.

Katika hali hii, mali - jina maalum na thamani inaweza kuwa ama jina au orodha ya majina au maadili.

Kuhusu mambo ya kuzuia na haja ya kufanya kupitia CSS mviringo pembe, ni mantiki ya kutumia mpaka-radius mali na thamani yake katika muundo "38px" au "8px 16px 24px 38px".

Kama thamani iliyotolewa na idadi ya moja, itakuwa kuweka wale kwa pande zote. Rekodi thamani zote nne ni:

• kwanza ya simu - ili kona ya juu kushoto,
• pili - kwa upande wa juu kulia,
• tatu - na haki ya chini;
• karibuni - kwa upande wa kushoto chini.

Kushiriki baadhi ya sheria

Dhana mipakani, picha na background inaweza kutumika kwa pamoja. Hii ni kawaida, na kutajwa sheria si kuingilia kati na kila mmoja, na kutengeneza muundo kwa ujumla. Jambo kuu - kwa akaunti kwa ajili ya ukweli kwamba jina la kila mmoja wao inawakilisha, na jinsi kutumiwa.

Kabla ya kutekeleza hii au kipengele, ni muhimu kufanya baadhi ya majaribio na kazi ya mtihani juu ya browsers mbalimbali. Mwelekeo ushauri, mapendekezo, mifano ya wengine au CSS syntax, pembe rounded, na kadhalika. N. Je mara chache zaidi kuliko mazoezi yao wenyewe safi.

Ni muhimu kuelewa kwamba mpaka, picha, katika suala la pembe kubuni - aina moja ya dhana. Kuchora zinaweza kutolewa si kwa png-format. Yeye kukatwa na browser, kwa mujibu wa sheria imara katika CSS. Mviringo pembe - kujali developer, bila kujali squareness ya nyenzo chanzo.

Sifa HTML, CSS kutoka browsers

Karibu Style kurekodi ya jumla - kwa ajili ya browsers wote mara moja. Hata hivyo mifano classic juu ya mada "CSS: mviringo pembe" kutoa kwa kuandika hivyo:

background: # FF7F00; / * Background * /

mpaka: 1px #CCCCCC imara; / * Mpaka * /

-moz-mpaka-radius: 10px; / * CSS mviringo pembe ya Mozilla Firefox * /

-webkit-mpaka-radius: 10px; / * ... kwa Safari na Chrome * /

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

mpaka-radius: 10px; / * CSS mviringo pembe kwa wote * / na kadhalika. N.

Hata hivyo, katika hali nyingi ni wa kutosha kubainisha utawala wa mwisho. Urudufishaji itumike tu wakati kuna haja ya kweli.

Classic na ya ajabu meza

Pamoja mbalimbali ubishi wafuasi meza mpangilio (tr, td) na fursa ya kutumia vitambulisho div na span ( «ajabu" layout), lengo mazoezi Maria chaguo sababu muhimu.

Katika divs na baadhi heshima katika meza nyingine. Kama hawana kutimiza kila mmoja, na tu kushindana, swali ingekuwa haraka evaporated katika toleo moja unachanganya mambo bora ya meza na divs.

Wengi wa maeneo kuundwa kwa kutumia CMS (maudhui mfumo wa usimamizi), na katika ovyo wa developer huja si tu mbalimbali ya "kubwa" seti ya mamia ya folders, vitu, lakini pia meza.

Tag [div | span], kwa hivyo, haina kusimama nje, lakini kitu pekee inakuja hasa katika huruma kamili ya developer - CSS Stylesheet. Na yoyote CMS wazi hutenganisha code, sehemu ya kutoka ubunifu mwendelezaji na mitindo yao ya mtindo aliongeza, na katika kesi ya mabadiliko (kwa mfano, css - huzungusha pembe ya meza), unaweza kurejesha mipangilio na mitindo chaguo-msingi.

Curves na pembe si kufunikwa na syntax

Unaweza kali kufuata sheria zote za HTML, CSS, lakini kwa kuwa na matokeo, wao si zinazotolewa. Superimposing mambo kwa kila mmoja, inawezekana kupata eneo lolote la Configuration yoyote. Kwa kutumia PHP maendeleo kwenye kompyuta, unaweza kutuma kwa browser wageni na faili zozote style kuambatisha kwao sahihi JavaScript katika mwili wa HTML-faili au tofauti js-file.

Any lahaja mzunguko, aina yoyote ya kipengele mali ni CSS sheria! Mviringo pembe - tu hasa, na nafasi za mali ni pana sana. Katika hali hii, programu ya vitu yako mwenyewe, huwezi makini na tabia ya browsers ya mtu binafsi, kutumia tu vitambulisho na muundo wa lugha HyperText, ambayo ni alijua na wote, bila browsers ubaguzi.

Kwa kutumia dhana ya kitu-oriented programu, unaweza kubuni sura ya kona au Curve ni wazi si kutabiri kwa aina yoyote browser. Katika hali hii, ni si lazima kwamba hii itakuwa ni kona ya eneo hilo, ambayo awali ilikuwa umbo mstatili. Ni muhimu sehemu ya Curve ilivyoelezwa katika mfumo wa sheria CSS, pamoja katika moja ya kuona JavaScript kitu kanuni na kwa wakati unaotakiwa katika haki mahali browser, huonyesha yenyewe katika mfumo sahihi.

Teknolojia hii haina kuingilia kati na vitu kama kutambua wenyewe katika pande tatu ndege au kuonyesha uhuishaji.