CSS defini yo pi plis pase jis fwontyè yon
Pwopriyete CSS la se yon pwopriyete konfizyon. Lè ou premye aprann sou li, li difisil yo konprann ki jan li se menm adistans diferan de fwontyè a pwopriyete. W3C eksplike li kòm li te gen diferans ki genyen ant sa yo:
- Eskalad pa pran espas.
- Eskli ka pa rektangilè.
Eskalad pa pran Espas
Deklarasyon sa a, nan ak nan tèt li se konfizyon. Ki jan yon objè sou paj entènèt ou an pa pran plas sou paj wèb la? Men, si ou panse sou paj entènèt ou an tankou yo te tankou yon zonyon, yo ka chak atik sou paj la dwe kouch sou tèt yon lòt atik. Objektif la pwopriyete pa pran espas paske li toujou mete sou tèt nan bwat la nan eleman an.
Lè yo mete yon plan alantou yon eleman, li pa gen okenn efè sou jan eleman sa a mete deyò sou paj la. Li pa chanje gwosè eleman an oswa pozisyon. Si ou mete yon plan sou yon eleman, li pral pran menm kantite lajan an nan espas tankou si ou pa t 'gen yon deskripsyon eleman sa a. Sa a se pa vre nan yon fwontyè. Yon fwontyè sou yon eleman ajoute nan lajè a deyò ak wotè eleman an. Se konsa, si ou te gen yon imaj ki te 50 piksèl lajè, ak yon fwontyè 2-pixel, li ta pran 54 piksèl (2 piksèl pou chak bò fontyè). Sa menm imaj ak yon deskripsyon 2-pixel ta pran jis 50 piksèl lajè nan paj ou a, deskripsyon an ta montre sou kwen an deyò nan imaj la.
Eskalad ka gen ki pa Peye-rektangilè
Anvan ou kòmanse panse "fre, kounye a mwen ka trase ti sèk!" Panse anko. Deklarasyon sa a gen yon siyifikasyon diferan ke ou ta ka panse. Lè ou mete yon fwontyè sou yon eleman, navigatè a entèprete eleman an kòm si li te yon sèl jeyan bwat rektangilè. Si bwat la vin fann sou plizyè liy, navigatè a jis kite bor yo louvri paske bwat la pa fèmen. Li kòm si navigatè a ap wè fwontyè a ak yon enfiniman lajè ekran - lajè ase pou sa fwontyè yo dwe youn rektang kontinyèl.
Nan contrast, pwopriyete a deskripsyon pran bor nan konsiderasyon. Si yon eleman ki eleman kouvri liy plizyè, plan an fèmen nan fen liy lan epi li revoke ankò sou liy kap vini an. Si sa posib, plan an ap rete konplètman konekte kòm byen, kreye yon fòm ki pa rektangilè.
Itilizasyon Pwopriyete Outline
Youn nan itilizasyon ki pi bon nan pwopriyete a deskripsyon se mete aksan sou tèm rechèch. Sit Anpil fè sa ak yon koulè background, men ou ka tou itilize plan an pwopriyete epi yo pa enkyete sou ajoute nenpòt ki espas siplemantè nan paj ou yo.
Objektif la-koulè pwopriyete aksepte tèm "Envèse" ki fè koulè a deskripsyon envès la nan background aktyèl la. Sa a pèmèt ou mete aksan sou eleman sou paj entènèt dinamik san yo pa bezwen konnen ki koulè yo te itilize .
Ou kapab tou itilize pwopriyete a deskripsyon yo retire liy lan pwentiye alantou lyen aktif. Atik sa a soti nan CSS-ke trik nouvèl montre kouman yo retire plan an pwentiye an.