Pagkakasama ng Margin ng CSS

Ang pagkakasampalataya ng kalat ay nangangahulugan na kapag ang dalawang kalat na patungo sa baba ay sasampalataya, sila ay magtatag ng isang kalat.

Ang taas ng kalat na napagkakasampalataya ay katumbas ng pinakamalaking taas ng dalawang kalat na sasampalataya.

Pagkakasampalataya ng kalat

Ang pagkakasampalataya ng kalat (pagsasama) ay isang napakasimpleng konsepto. Ngunit, sa pagsasagawa ng pagdisenyo ng web page sa pagsasagawa, ito ay magiging sanhi ng maraming kaguluhan.

Simpleng pagsasabi, ang pagkakasampalataya ng kalat ay nangangahulugan na kapag ang dalawang kalat na patungo sa baba ay sasampalataya, sila ay magtatag ng isang kalat. Ang taas ng kalat na napagkakasampalataya ay katumbas ng pinakamalaking taas ng dalawang kalat na sasampalataya.

Kung ang isang elemento ay lumilitaw sa ibabaw ng ibang elemento, ang kalat na baba ng unang elemento ay magkaroon ng pagkakasampalataya sa kalat na itaas ng ikalawang elemento. Tingnan ang larawan sa ibaba:

Mga halimbawa ng pagkakasama ng margin ng CSS 1

Subukan nang personal

Kung ang isang elemento ay kasama sa ibang elemento (pagiging walang pangalawang dokumentong kalat o gilid na naghihiwalay ang kalat), ang kalat na itaas at baba nito ay magkaroon ng pagkakasampalataya. Tingnan ang larawan sa ibaba:

Mga halimbawa ng pagkakasama ng margin ng CSS 2

Subukan nang personal

Bagaman mukhang kakaiba, ang kalat ay maaaring magkaroon ng pagkakasampalataya kahit sa kanilang sarili.

Ipagpalagay na mayroon isang walang pangalawang dokumentong elemento, na may kalat ngunit walang pangalawang dokumentong gilid o pampalubog. Sa ganitong sitwasyon, ang kalat na itaas at baba ay magkakasampalataya, at magkaroon ng pagkakasampalataya:

Mga halimbawa ng pagkakasama ng margin ng CSS 3

Kung ang kalat na ito ay sasampalataya sa kalat ng ibang elemento, ito ay magkaroon ng pagkakasampalataya:

Mga halimbawa ng pagkakasama ng margin ng CSS 4

Ito ang dahilan kung bakit napakaliit ang espasyo ng isang serye ng paragrapo ng elemento, dahil ang lahat ng kalat nito ay magkakasampalataya, na nagtatag ng isang maliit na kalat.

Ang pagkakasampalataya ng kalat ay mukhang kakaiba, ngunit sa katunayan ay may kahulugan. Bilang isang tipikal na pahina ng teksto na binubuo ng ilang paragrapo. Ang espasyo sa itaas ng unang paragrapo ay katumbas ng kalat na itaas ng paragrapo. Kung walang pagkakasampalataya ng kalat, ang lahat ng kalat sa pagitan ng mga paragrapo ay magiging sumasakop ng itaas at baba ng kalat na magkakasampalataya. Ito ay nangangahulugan na ang espasyo sa pagitan ng mga paragrapo ay dalawang beses ang laki ng itaas ng pahina. Kung nagkaroon ng pagkakasampalataya ng kalat, ang kalat na itaas at baba ng paragrapo ay magkakasampalataya, kaya ang layo sa lahat ng lugar ay magiging isang tao.

Ang tunay na kahulugan ng pagkakasama ng CSS

Komentaryo:Ang pagkakasampalatayang pang-kalat ng walang pangalawang dokumentong kalat ay ang kalat na walang pangalawang dokumentong kalat. Ang kalat ng walang pangalawang dokumentong kalat, ang kalat na lumilipad o ang kalat na posisyon na walang pangalawang dokumentong kalat ay hindi magkakasampalataya.

Lahat ng CSS sa panlabas na marga

Property Description
margin A shorthand property used to set the margin properties in a single declaration.
margin-bottom Set the bottom outer margin of the element.
margin-left Set the left outer margin of the element.
margin-right Set the right outer margin of the element.
margin-top Set the top outer margin of the element.