CSS Box: impromptu na athari

Cascading karatasi style (CSS) kwa ajili ya wote unyenyekevu wake mantiki ya kufanya hivyo inawezekana si tu kwa kuunda kuvutia kubuni ufumbuzi, lakini pia kutoa mambo ya hatua halisi, kuiga utendaji wa kanuni halisi.

Any tag Visual HTML-kuashiria - eneo mstatili wa muundo fulani na maudhui. kipengele inajumuisha ishara ya kuratibu, ukubwa, kujaza, na rangi, font, font style, na mengineyo. Frame CSS kipengele bayana yao eneo ulichukua, vilikuwa ndani kutoka mipaka yake juu ya mteule humu upana.

syntax maelezo

FIELD uwekaji kipengele maalum kuratibu jamaa juu kushoto kona ya ukurasa (kushoto, juu), ukubwa katika pande usawa na wima (upana, urefu). kubuni na uhuishaji Mambo yote ni kufanywa kwa jozi "mali: thamani".

Maelezo hufanyika moja kwa moja katika ukurasa kificho kuingiza mtindo au katika faili tofauti, na kusema naye LINK kumbukumbu. syntax:

#name {mali: bei, mali: bei, mali: bei, ...}

au

.name {mali: bei, mali: bei, mali: bei, ...}

jina pia inaweza p, mwili, html, meza, td ..., yaani jina la HTML-ghafi tag. Inaweza kuwa na kushikamana moja kwa moja na maelezo ya kipengele style.

Kabla ya kufanya up kuandika yangu style, si kuumiza ya kuona ni jinsi gani inafanyika katika maeneo maarufu, kuweka ukurasa code, au kwa kubonyeza Ctrl-U kuiona moja kwa moja katika browser.

vigezo kuu

Kwa kweli CSS frame kipengele kuwakilishwa style (mpaka-style), rangi (mpaka-rangi), upana (mpaka upana). Ni inaweza kila kufupishwa katika mali moja - mpaka. Unaweza kuelezea kila mpaka sura ya kujitegemea (mpaka-juu, mpaka-chini, mpaka wa kushoto, na mpaka kulia).

CSS frame ilivyoelezwa na sheria ya jumla ya cascading style:

mpaka: 3px;
mpaka rangi: nyekundu,
mpaka-style: mara mbili dashed imara dotted.

Maelezo haya seti mpaka upana wa 3 saizi, rangi - nyekundu, style pande: upande wa juu wa mara mbili, kulia - dashed, chini imara, kushoto - hatua.

mpaka upana: 1px 2px 4PX 8px;
mpaka-rangi: rangi ya bluu,
mpaka-style: dotted.

Hapa, vipimo ya kila upande pia sequentially kutoka juu, mwendo wa saa, rangi - bluu, na mtindo - Spot.

mpaka-rangi: rangi ya bluu nyekundu kijani nyeusi;

katika vipimo hivyo, mmoja mmoja maalum rangi katika kila upande. mpaka mali ni kama vigezo mbalimbali, na pembe ya fremu inaweza kuwa pande zote:

mpaka: 1px kijani imara;
mpaka-radius: 0px 4PX 8px 12px;
-moz-mpaka-radius: 0px 4PX 8px 12px;
-webkit-mpaka-radius: 0px 4PX 8px 12px;

Kuhusu jinsi ya kufanya sura katika CSS, inategemea usability ya mgeni, kwa sababu kwa kawaida athari ya mitindo zinazotumiwa kwa lengo kiufundi, wakati ni muhimu ili kuonyesha eneo halisi na ukubwa wa eneo kwenye ukurasa.

unene wa sura na madhumuni yake

Kwa kuchagua unene wa sura, unaweza kutumia px, pt, em ..., lakini ni lazima kuzaliwa akilini kwamba ni daima ndani ya kipengele shamba. Ni vigumu kudhani kwamba sura ina CSS kubuni makusudi, lakini kitaalam ni muhimu sana kwa kuonyesha mambo ya ukurasa.

Kama darasa kuu frame imefungwa, ambayo ni mbali, kwa kubainisha ni katika Pseudo darasa: hover, inaweza kuonyeshwa kwa mgeni wa kipengele ukurasa, wakati ni mshale panya, kama vile kuonyesha orodha ya bidhaa. Wakati mwingine ni muhimu kuchagua kitu kwa kubonyeza picha, au Drag kitu mahali fulani. Ni rahisi sana kutumia dot sura, na si kubadili background kipengele au maudhui yake.

Baadhi ya programu zinahitaji mgao wa sehemu za ukurasa, au kuchagua vitu kwa ajili ya usindikaji zaidi. Katika hali hii, wakati wa click kujenga div chenye mpaka na mradi mgeni haina kutolewa button mouse, kubadilisha ukubwa wake, kuonyesha kuibua matokeo ya uchaguzi.

nje ya chini ya

CSS tutorials ni ya kuvutia sana, kama ilivyo umuhimu wa utafiti kurasa codes ya maeneo maarufu. Hata hivyo, rasilimali mwenyewe lazima yawe ya kipekee, ni lazima kuwa na sura yake mwenyewe.

Mradi sentensi za frame CSS haitoi aina hiyo, kama mpango wake mwenyewe. Impromptu - mwanzo mkubwa, na hakuna kitu kuzuia developer kujenga sura zao. Hasa kwa mafanikio yote ya teknolojia ya Internet na uwezo wa viwango wa sasa wana mawazo mengi kuahidi kulingana na mapungufu halisi ya syntax iliyopo, ambayo ni (kwa ufafanuzi) daima imekuwa madhubuti rasmi.

Hasa, kama na kuanzisha upeo wa mambo fulani, inaonekana sahihi ya kufanya hivyo kikamilifu. Kubainisha vitambulisho mtu binafsi katika pande na pembe wa mkoa, unaweza kupata madhara ya ajabu. kumshirikisha handlers husika, inaweza kujenga nguvu vipengele vya, kubadilisha msimamo, sura na maudhui.