CSS Kahon: dihadihang ug epekto

Misulti estilo sheets (CSS) alang sa tanan sa iyang mga makataronganong kayano sa paghimo niini nga posible nga dili lamang sa paghimo sa usa ka masilakon nga solusyon nga plano, apan sa paghatag sa usab sa mga elemento sa tinuod nga aksyon, sa pagsunod sa mga performance sa mga aktuwal nga code.

Sa bisan unsa nga visual tag HTML-nagtimaan - sa usa ka rectangular nga dapit sa usa ka partikular nga gambalay ug sa sulod. nga elemento sa naglangkob sa usa ka timailhan sa mga coordinates, gidak-on, padding, kolor, font, estilo font, ug frame CSS-elemento sa uban. nagtino kanila okupar nga dapit, nga nahimutang sa sulod sa mga utlanan niini sa gitudlo dinhi gilapdon.

syntax paghulagway

NATAD placement elemento bungat coordinates paryente sa ibabaw sa walang bahin sa panid (sa wala, ibabaw), ang gidak-on sa pinahigda ug pinatindog nga mga direksyon (gilapdon, gitas-on). Ang tanan nga disenyo ug animation mga elemento nga gihimo sa tinagurha "kabtangan: bili".

Description ang gibuhat direkta sa panid code sa sal-ot sa estilo o sa usa ka linain nga file, nagtudlo kaniya LINK pakisayran. syntax:

#name {kabtangan: bili; kabtangan: bili; kabtangan: bili; ...}

o

.Ngalan {kabtangan: bili; kabtangan: bili; kabtangan: bili; ...}

Ang ngalan mahimo usab nga p, lawas, html, lamesa, td ..., nga mao ang ngalan sa HTML-markup tag. Hinaot nga konektado direkta uban sa paghulagway sa estilo nga elemento.

Sa dili pa kamo sa paghimo sa akong kaugalingong estilo sa pagsulat, dili-among-among sa pagtan-aw kon sa unsang paagi kini gibuhat sa popular nga mga dapit, sa pagsunod sa mga panid code, o pinaagi sa dinalian Ctrl-U sa pagtan-aw niini direkta sa browser.

Ang nag-unang lantugi

Pagkatinuod CSS nga bayanan elemento nagrepresentar estilo (utlanan-estilo), kolor (utlanan-kolor), gilapdon (utlanan-gilapdon). Kini ang tanan nga natingob sa usa ka kabtangan - utlanan. Ikaw mahimo paghulagway sa matag utlanan bayanan sa kinaugalingon (utlanan-top, utlanan-ubos, utlanan-wala, utlanan-tuo).

CSS bayanan nga gihulagway pinaagi sa kinatibuk-ang mga lagda sa misulti estilo sheets:

utlanan: 3px;
utlanan-kolor: pula nga;
utlanan estilo-sa-: double gipusdak lig-on nga tuldok-tuldok nga.

paghulagway Kini nga nagtakda sa utlanan gilapdon sa 3 pixels, kolor - pula, estilo kilid: ibabaw nga dapit sa kilid sa sa double, sa tuo - gipusdak, lig-on nga ubos, sa wala - punto.

utlanan-gilapdon: 1px 2px 4px 8px;
utlanan-kolor: asul nga;
utlanan-estilo: dotted.

Dinhi, ang mga sukod sa matag kiliran usab sequentially gikan sa ibabaw, padulong sa tuo, kolor - azul, ug estilo - Spot.

utlanan-kolor: asul nga pula nga green nga itom;

sa paghingalan niini, sa tagsa-tagsa bungat kolor sa matag kilid. utlanan kabtangan mahimong maglakip sa daghang mga lantugi, ug ang mga anggulo sa frame mahimong round:

utlanan: 1px green nga lig-on nga;
utlanan-radius: 0px 4px 8px 12px;
-moz-utlanan-radius: 0px 4px 8px 12px;
-webkit-utlanan-radius: 0px 4px 8px 12px;

Sa unsa nga paagi sa paghimo sa frame diha sa CSS, kini nag-agad sa sa kapuslanan sa bisita, tungod kay kasagaran sa mga estilo nga epekto gigamit alang sa teknikal nga mga katuyoan, sa diha nga kini mao ang importante sa pagpakita sa tukma nga nahimutangan ug sa gidak-on sa dapit sa pahina.

Ang gibag-on sa frame ug sa katuyoan niini

Pinaagi sa pagpili sa gibag-on sa frame, kamo makahimo sa paggamit px, pt, em ..., apan kini kinahanglan nga gipas-an diha sa hunahuna nga kini mao ang kanunay sa sulod sa elemento uma. Kini mao ang lisud nga sa maghunahuna nga ang bayanan adunay usa ka CSS design katuyoan, apan teknikal kini mao ang kaayo mapuslanon sa pag-highlight sa mga elemento sa panid.

Kon ang nag-unang bayanan klase ang giyawihan, nga mao wala, pinaagi sa pagpaila niini sa mini-klase: paglupadlupad, kini mahimong gipakita sa mga bisita sa elemento panid, sa diha nga kini mao ang mouse cursor, sama sa highlight sa usa ka menu butang. Usahay kini mao ang gikinahanglan nga sa pagpili sa usa ka butang pinaagi sa pagklik sa larawan, o pagbitad sa usa ka butang dapit. Kini mao ang kaayo sayon nga gamiton dot nga bayanan, ug dili sa pag-usab background sa elemento o mga sulod niini.

Ang ubang mga aplikasyon nagkinahanglan sa alokasyon sa mga dapit sa pahina, o sa pagpili sa mga butang alang sa dugang pagproseso. Sa kini nga kaso, sa panahon sa sa click sa paghimo sa usa div uban sa usa ka utlanan ug sa kadugayon nga sa mga bisita nga dili buhian sa button mouse, resize kini, nga nagpakita igtattan-aw sa resulta sa pagpili.

Sa gawas sa ilalum sa

pagtudlo CSS kaayo makapaikag nga, ingon nga mao ang kaimportante sa code mga panid research sa popular nga mga dapit. Apan, ang kaugalingon nga mga kapanguhaan kinahanglan nga talagsaon, kini kinahanglan nga adunay iyang kaugalingon nga nawong.

Naghatag sa syntax sa CSS frame wala maghatag sa ingon nga sa usa ka matang, ingon sa iyang kaugalingon nga inisyatibo. Dihadihang - sa usa ka dako nga pagsugod, ug walay bisan unsa nga magpugong sa usa ka developer sa pagtukod sa ilang kaugalingon nga bayanan. Ilabi na sa tanan nga mga kalampusan sa Internet teknolohiya ug kapabilidad sa kasamtangan nga mga sukdanan sa adunay daghan nga mga nagsaad nga mga ideya base sa tinuod nga mga kakulangan sa mga kasamtangan nga syntax, nga mao ang (pinaagi sa kahulugan) sa kanunay sa usa ka hugot nga pormal.

Sa partikular, kon ug sa pagtukod sa kasangkaran sa pipila ka mga elemento, kini daw angay nga sa pagbuhat sa ingon komprehensibong. Nagpasiugda indibidwal nga tags diha sa mga kilid ug sa anggulo sa usa ka rehiyon, nga imong mahimo og talagsaon nga mga epekto. Usa ka sa paghatag tagsa-tagsa handlers, makahimo sa paghimo og dinamikong mga elemento sa panid, pag-usab sa posisyon, porma ug sulod.