Je CSS pembetatu: njia rahisi zaidi

mara nyingi sana nzuri kurasa wavuti ya kisasa vyenye graphics wengi kuvutia. Miongoni mwao rahisi inatumia vile geometric sura kama pembetatu, ambayo hutumiwa kwa kubuni wingi wa vipengele. Kwa mfano, hutumika kama pointer kwa kitu katika ukurasa wa tovuti ya wageni alianza kazi ya yake. Bila shaka, kazi kuu ya pembetatu - mapambo, kama vitalu vyenye yao, ni kuwa ya kisasa zaidi na kuvutia.

Si kila mtu anajua jinsi ya kujenga takwimu hizo kwa njia ya kuachia Style Sheets, na wanashangaa jinsi ya kufanya pembetatu katika CSS.

Maombi katika kubuni ya maeneo

Katika kubuni mtandao pembetatu kila mahali. Wao ni kufanywa nje tips, menyu, UI vipengele mbalimbali. Wakati mwingine hutumika kuunda kiashiria cha mchakato wa kuwasha. Na kama hapo awali ilikuwa ni inawezekana kufanya bila wao, lakini sasa ni vigumu, na watengenezaji ni wajibu wa kukabiliana na mahitaji hayo. Baada ya yote, leo iliundwa mwaka CSS pembetatu - sehemu muhimu katika ujenzi wa uhusiano kati ya sehemu za kiolesura na kuunganisha katika kitu kimoja.

Wengi mtandao wabunifu bado wanashangaa linapokuja suala la mpangilio, muundo wa ambayo ni mara nyingi sana pembetatu. Baada ya yote, hakuna mali ambayo moja kwa moja kuunda takwimu geometric. Kwa kweli, kuna mbinu nyingi za kufanya hivyo.

njia ya kujenga sura kwa kutumia

Njia ya kwanza inaruhusu kujenga pembetatu katika CSS - mpaka. Yeye ni kutumia muafaka. Licha ya ukweli kwamba mipaka ambazo kuundwa kwa kutumia mpaka mali moja kwa moja kuhusiana na pembetatu, hutumika mara nyingi kwa ajili hiyo.

Wakati wa kuweka urefu zero na upana wa kitu, ikiwa ni pamoja na ufungaji wa mpaka nene, unaweza kuona mraba, ambayo imegawanywa katika pembetatu nne sawa. hila ni kwamba unahitaji kuweka tu mpaka ni lazima, na wengine kufanya wazi. Na sasa, ni zamu nje pembetatu inayotolewa katika CSS mwelekeo sahihi na rangi.

Kujenga pembe kutumia mali "frame" ni rahisi kwa sababu hakuna haja ya kuchora picha kwa kutumia editing yoyote. pembetatu vigezo daima unaweza kubadilishwa katika code. Na anaokoa muda developer. Kwa kuchanganya upana mbalimbali ya sura ni rahisi ya kutosha kupata takwimu. Ili kuelewa jinsi inavyofanya kazi, unaweza tu kujenga kipengele tupu na zero upana, urefu, na sura nene sana rangi tofauti kwa kila upande. Hivyo, kufanya pande tatu ya nne pembetatu uwazi ni ya aina mbalimbali:

• pembetatu, kuangalia kushoto, pande ambazo ni sawa;
• pembetatu, kuangalia kushoto na bapa;
• pembetatu vidogo, yanayowakabili kushoto;
• angled pembetatu, ambao kushoto pembeni kulia;
• pembetatu kuangalia kwenda chini;
• pembetatu kuangalia juu,
• pembetatu, kuangalia upande wa kulia, na aina nyingine nyingi.

Kwa kutumia psevdoedementov

Pamoja na mbinu hizi, unaweza kuunda pembe katika maagizo pop-up na tips. Ambatisha kupitia CSS pembetatu kwa kitengo, hasa programmers kutumia kama vile Pseudo-baada na kabla. Ukitumia pamoja, inawezekana kuteka katika CSS pembetatu kuwa na kiharusi.

Kwa kuchanganya yao, watengenezaji kujenga aina ya shooter nzuri, kuomba mali nafasi: jamaa kwa kipengele mzazi. Hii inafanyika ili Pseudo-si wakiongozwa nje ya viti vyao.

Plus matumizi ya CSS Mfumo wa kujenga pembetatu ni:

• editing haraka na rahisi ya ukubwa na rangi kwa msaada wa mali,
• msaada browsers wote.

hasara:

• kwa sababu inatumia frame, hakuna uwezekano wa kuomba gradients, vivuli,
• wakati mwingine, wakati mtumiaji inaangalia ukurasa wa Firefox browser, thamani alpha inaweza kufanya kazi, na hii itakuwa kupotosha picha.

Kutumia tayari-kufanywa picha

njia ifuatayo ya kujenga pembetatu - ni matumizi ya picha encoded. pembetatu ni inayotolewa mapema kwa mfano mhariri na kuongoka katika kanuni maalum na huduma maalumu.

Faida ya njia hii ni kwamba unaweza kufanya design nzuri sana na vivuli, gradients, na sura na kisha tu encode kila kitu. Lakini upande wa chini ni kwamba si kila mtu anaelewa lugha ya programu graphics. Aidha, kama picha ni kubwa sana, mstari wa kanuni ni kupatikana kwa kifupi kubwa sana. Hii ni hazifai kwa developer.

bidhaa tofauti na thamani ya matumizi ya browsers Internert Explorer versions zamani. Ndani yao, njia tu haifanyi kazi.

Mbinu inverted mraba

Njia moja ni kujenga njia ya CSS inverted mraba. Kuna aina mbili kitengo muhimu. Lakini baadhi ya watu kutumia Pseudo.

Kwanza, kujenga mraba. Itakuwa maudhui ya mwanachama kupokezana. Kisha kupeleka yake kwa nyuzi 45, hivyo kwamba inaonekana kama almasi. Kisha, kuhama-up na kitengo nje siri na kufurika mali: siri. ufumbuzi huu pia si msalaba browser, na wakati mwingine picha si kuonyeshwa kama taka.

matokeo

Kwa hiyo, kuna mbinu nyingi za kujenga pembetatu. Tu haina kupotea katika mali yote CSS? Kumbukumbu katika kesi hii daima kusaidia. Inaelezea vipengele vyote vya kuachia Style Sheets.

Kwa wale ambao hawataki kwenda katika programu na kuona CSS-mwongozo, kuna online wahariri zinazozalisha pembetatu ukubwa sahihi na rangi. Katika mhariri Visual, user kuchagua na configures mazingira yote ya takwimu. Kubadilishwa kuwa CSS code generator pembetatu kuwekwa katika dirisha tofauti juu ya kuruka. Kisha, msimbo wa ni tu kuingizwa katika Lahamtindo na kufaa design ya ukurasa.