Kaip tvarkyti interaktyvaus dizaino tarpus ir užpildymą

Šiame praktiškame vadove bus parodytas interaktyvių dizainų tarpų ir užpildymo valdymo metodas.

Kaip tvarkyti interaktyvaus dizaino tarpus ir užpildymą?

Interaktyvių dizainų užpildymas ir tarpai gali būti tvarkomi naudojant CSS. Toliau pateikiamas praktinis tarpų ir užpildymo valdymo demonstravimas.

1 veiksmas: sukurkite HTML struktūrą

Pirmiausia sukurkite HTML struktūrą ir joje esantį tekstą

ir

žymos:

< kūnas >
< h2 > Atsakingas CSS užpildymas ir tarpai < / h2 >
< div > Šio CSS elemento užpildymas yra 80 pikselių, o tarpai - 40 pikselių. < / div >
< / kūnas >

2 veiksmas: taikykite CSS

---

---

Dabar pritaikykime CSS

žyma. Pirmiausia nustatykite „ kamšalas ' nuosavybės vertė į ' 80 piks “, kad aplink elementą būtų erdvė. Tada nustatykite „ marža ' nuosavybės vertė į ' 40 piks “ ir sukurti erdvę aplink elementus už sienos. Galiausiai naudokite „ siena ” ypatybę ir nurodykite kraštinę bei spalvą, kad sukurtumėte kraštinę:

div {
kamšalas : 80 piks ;
marža : 40 piks ;
siena : 1px kietas žalias ;
}

Aukščiau pateikta išvestis patvirtina, kad buvo pritaikyti tarpai ir užpildymas.

Patikrinkime, ar jis reaguoja, ar ne, sutraukdami naršyklės langą:

Sutraukus langą, turinys veikė tinkamai, o tai patvirtina, kad pritaikytas užpildas ir tarpai yra tinkami.

Išvada

Norint valdyti interaktyvių dizainų tarpus ir užpildymą, yra CSS ypatybių. Norėdami įtraukti užpildymą į interaktyvų dizainą naudodami „ kamšalas ' nuosavybė. Panašiai interaktyviame dizaine galima pridėti tarpus naudojant „ marža ' nuosavybė. Šis įrašas vartotojams pateikė sprendimą, kaip valdyti interaktyvių dizainų tarpus ir užpildymą.