O le faʻaaogaina o le CSS o se tasi lea o meatotino o le CSS box model . O lenei mea faʻapitoa e faʻapipiʻi ai le taʻaloga faataamilo i itu uma e fa o le HTML HTML. E mafai ona faʻaaogaina le paʻu CSS i le toetoe lava o HTML tag (vagana ai nisi o pine laulau). E le gata i lea, o itu uma e fa o le elemene e mafai ona ese le aoga.
CSS Padding Property
Mo le faʻaaogaina o le CSS taʻavale meatotino, e mafai ona e faʻaogaina le "TRouBLe" o le molimoni (poʻo le "TRiBbLe" mo oe Star Trek fan). O loʻo tu i luga , taumatau , pito i lalo , ma le agavale , ma e faasino i le faasologa o le lautele o lau paʻu o loʻo e tuʻuina i totonu o le meatotino o le poto. Faataitaiga:
taʻavale: luga i luga taumatau i lalo; tosoina: 1px 2px 3px 6px;Afai na e faʻaaogaina faʻamaumauga o loʻo lisi atu i luga, o le a faʻaaogaina se eseesega o le paʻu i itu uma o soʻo se mea HTML e te faʻaaoga i ai. Afai e te manaʻo e faʻaoga tutusa lava le taofiga i itu uma e fa, e mafai ona faʻafaigofie lou CSS ma na o le tusia o se tasi aoga:
paʻu: 12px;Faatasi ai ma lena laina o le CSS, e 12 pixels o padding o le a faaaoga i itu uma e 4 o le elemene.
Afai e te manaʻo ia tutusa le palapala ma le pito i luga ma lalo ma agavale ma saʻo, e mafai ona e tusia ni tulaga taua se lua:
paʻu: 24px 48px;O le tau muamua (24px) o le a faʻaaoga i le pito i luga ma le pito i lalo, aʻo le lona lua o le a faʻaaoga i le agavale ma le saʻo.
Afai e te tusia ni tulaga faatauaina se tolu, o le a faia ai le taofiga faataamilo (tauagavale ma le taumatau) tutusa, ao suia le pito i luga ma lalo:
taʻavale: luga i luga taumatau ma le agavale; taʻavale: 0px 1px 3px;E tusa ai ma le model CSS box, o le puipui e latalata i le elemene / mea lava ia. O lona uiga o le faamamaina o loʻo faaopoopo i se elemene i le va o le lautele o le mataupu poʻo le maualuga ma soʻo se tulaga faʻagata o loʻo e faʻaaogaina. Afai e seti le palapala i le leai, ona tutusa lea o le lau ma le mea o loʻo i ai.
CSS Padding Values
E mafai e le faʻamamaina CSS ona ave soʻo se tau umi e leai sona aoga. Ia mautinoa e faamaoti le fua, e pei o le px po o le em. E mafai foi ona e faamaoti mai le pasene mo lau paʻu, o le a avea ma pasene o le lautele o le elemene e aofia ai. E aofia ai mo le pito i luga ma lalo le paʻu. Faataitaiga:
#container {lautele: 800px; maualuga: 200px; } #container p {width: 400px; maualuga: 75%; paʻu: 25% 0; }O le maualuga o le palakalafa i totonu o le #container element o le a 75% o le maualuga o le #container ma le 25% o le lautele mo le pito i luga ma 25% o le lautele mo le pito i lalo. This totals 300 + 200 + 200 = 700px.
Aafiaga o le Faʻaopoopoina o le CSS Padding
I luga o elemene-elemene elemene , e faʻaaogaina le palapala i itu e fa. Ona o le elemene o se poloka po o se atigipusa ua uma, ua faʻaaogaina le palapala i pusa o pusa.
A faʻapipiʻi le paʻu CSS i le elemene elemene , atonu e iai ni mea e sili atu i le pito i luga ma lalo ifo o le laina inline pe afai e sili atu le paʻu i luga o le laina laina, ae o le a le tuleia le laina laina i lalo. O le faʻaaogaina o le CSS e faʻaaogaina i elemene elemene o le a faaopoopo i le amataga o le elemene ma le pito o le elemene. Ma o le palapala e mafai ona afifi laina. Ae o le a le faʻaaogaina i laina uma o se elemene tele-laina, o lea e le mafai ai ona e faʻaogaina le paʻu i se vaega ole tele o laina laina laina.
E le gata i lea, i le CSS2.1, e le mafai ona e faia ni pusa tioata pe afai o le lautele e faalagolago ile elemene ma pasene mo lautele (poʻo le lautele o le paʻu). Afai e te faia le taunuʻuga e le faʻamaonia. O le a faʻaalia pea e le Initaneti ia anotusi, ae atonu o le ae le maua ni iuga o loʻo e faʻamoemoeina. Afai e te mafaufau i ai, e talafeagai lelei, e pei o loʻo manaʻomia e lou faletupe le lautele o ona elemene tamaiti ina ia faʻamalamalamaina lona lautele-e pei o le taimi e le i ai se lautele faʻamatalaina, ma tasi pe sili atu foi o se lautele lautele e pei o le pasene o le eletise, o lenei mea e seti ai se filifili faasologa e aunoa ma se tali. Afai e te faʻaoga pasene mo lautele o soʻo se mea i luga o lau pepa, e tatau ona e mautinoa o loʻo lautele foʻi le lautele o matua.