CSS Box: enprovize ak efè

dra style kaskad (CSS) pou tout senplisite lojik li yo fè li posib pa sèlman yo kreye yon solisyon konsepsyon espektakilè, men tou, bay eleman nan aksyon reyèl, rivalize pèfòmans lan nan kòd la vrè.

Nenpòt tag vizyèl HTML-regilye nèf semenn klas - yon zòn rektangilè nan yon estrikti patikilye ak kontni. Eleman nan konprann yon endikasyon de kowòdone, gwosè, padding, koulè, font, style la font, ak pou fè. Frame CSS-eleman espesifye yo okipe zòn nan, ke yo te sitiye sou anndan soti nan limit li yo sou deziyen dokiman sa a lajè.

deskripsyon sentaks

FIELD eleman plasman espesifye kowòdone relatif nan kwen siperyè agòch nan paj an (kite, tèt), gwosè a nan direksyon yo orizontal ak vètikal (lajè, wotè). Tout konsepsyon ak animasyon eleman yo te fè nan pè "pwopriyete: valè".

Deskripsyon se fè dirèkteman nan kòd la paj insert style oswa nan yon dosye ki apa a, montre l 'LINK referans. sentaks:

#name {pwopriyete: valè; pwopriyete: valè; pwopriyete: valè; ...}

oswa

.Non {pwopriyete: valè; pwopriyete: valè; pwopriyete: valè; ...}

Non a kapab tou gen pou p, kò, html, yon tab, td ..., se sa ki non an nan tag HTML-markeup. Se pou dwe konekte dirèkteman ak deskripsyon an nan eleman nan style.

Anvan ou fè moute pwòp style ekri m 'yo, pa fè mal yo wè ki jan li fè sou sit popilè, kenbe kòd la paj, oswa pa peze Ctrl-U a wè li dirèkteman nan navigatè a.

Paramèt yo prensipal

Aktyèlman CSS ankadreman eleman reprezante style (fwontyè-style), koulè (fwontyè-koulè), lajè (fwontyè-lajè). Li ka tout bagay sa yo adisyone moute nan yon sèl pwopriyete - fwontyè. Ou ka dekri chak fwontyè ankadreman poukont (fwontyè-tèt, fwontyè-anba, fwontyè-bò gòch, fwontyè-dwa).

ankadreman CSS dekri nan règleman yo jeneral nan dra style kaskad:

fwontyè: 3px;
fwontyè-koulè: wouj;
fwontyè-style: doub an tirè solid pwentiye an.

deskripsyon sa a kouche lajè fwontyè a 3 piksèl, koulè - wouj, style bò: anwo bò nan doub, dwa - tirè, anba a solid, bò gòch - plas.

fwontyè-lajè: 1px 2px 4px 8px;
fwontyè-koulè: ble;
fwontyè-style: chaje.

Isit la, dimansyon yo nan chak bò yo tou sekans soti nan tèt, goch, koulè - ble, ak style - plas.

fwontyè-koulè: ble wouj nwa vèt;

nan sa a spesifikasyon, endividyèlman espesifye koulè sou chak bò. pwopriyete fwontyè ka gen ladan paramèt miltip, ak ang yo nan ankadreman an ka wonn:

fwontyè: 1px vèt solid;
fwontyè-reyon: 0px 4px 8px 12px;
-moz-fontyè-reyon: 0px 4px 8px 12px;
-webkit-fontyè-reyon: 0px 4px 8px 12px;

Sou kòman yo fè ankadreman an nan CSS, li depann de D 'a nan vizitè a, paske se anjeneral efè a stylistic itilize pou rezon teknik, lè li enpòtan yo montre kote egzak la ak gwosè nan zòn nan sou paj la.

Epesè nan ankadreman an ak fonksyon li

Depi w chwazi epesè a nan ankadreman an, ou ka itilize px, pt, em ..., men li ta dwe transmèt nan tèt ou ke li se toujou nan eleman nan jaden. Li difisil asime ke ankadreman an gen yon CSS konsepsyon objektif, men teknikman li se trè itil nan mete aksan sou eleman ki nan paj la.

Si klas la ankadreman prensipal se fèmen, se sa ki absan, pa ki espesifye l 'nan pseudo-klas: hover, li kapab montre yo vizitè a nan eleman nan paj, lè li se kurseur an sourit, tankou en yon atik meni. Pafwa li se nesesè yo chwazi yon bagay pa klike sou imaj la, oswa trennen yon bagay yon kote. Li se trè pratik yo sèvi ak dot ankadreman, epi yo pa chanje background eleman an oswa sa li yo.

Gen kèk aplikasyon pou mande pou alokasyon an nan zòn nan paj la, oswa chwazi atik pou plis tretman. Nan ka sa a, nan moman sa a nan klike la yo kreye yon div ak yon fwontyè ak osi lontan ke vizitè a pa lage bouton an sourit, rdimansyonman li, ki montre vizyèlman rezilta a nan chwa.

Deyò anba

CSS tutoryèl yo trè enteresan, kòm se enpòtans ki genyen nan rechèch kòd paj nan sit popilè. Sepandan, resous yo pwòp yo dwe inik, li dwe gen figi pwòp li yo.

CSS sentaks ankadreman bay fè divèsite sa yo, kòm inisyativ pwòp li yo. Enprovize - yon gwo kòmanse, e pa gen anyen anpeche yon pwomotè yo bati ankadreman pwòp yo. Espesyalman ak tout reyalizasyon yo nan teknoloji entènèt ak kapasite nan estanda ki egziste deja gen anpil lide pwomèt ki baze sou enpèfeksyon reyèl nan sentaks la ki deja egziste, ki se (pa definisyon) te toujou yon estrikteman fòmèl.

An patikilye, si ak etabli sijè ki abòde lan nan eleman sèten, li sanble apwopriye a fè sa complète. En Tags moun nan kote sa yo ak ang nan yon rejyon, ou kapab jwenn efè dwòl. Yon plase pòtè respektif, ka kreye eleman paj dinamik, chanje pozisyon, fòm nan ak kontni.