# 188: sutampančio antraštės modelio tyrimas - CSS-gudrybės

Anonim

Snookas paskelbė straipsnį „Persidengianti antraštė su CSS tinkleliu“, kur jis apžvelgia antraštės dizaino modelį, kuris, mano manymu, viršija tendencijas ir buvo populiarus amžinai. Idėja yra ta, kad antraštė yra per didelė, o pagrindinė turinio sritis įsitraukia į ją ir sutampa su antraštės fonu. Jame yra tik kažkas malonaus ir paguodžiančio.

Mano mintis eina į tą pačią vietą, kurią daro Snookas:

Istoriškai tai padariau su neigiamomis maržomis. Antraštė turi aukštį, kuris prideda krūva užpildų į apačią, o tada kūnas gauna margin-top: -50pxar bet kokį dizainą reikalauja.

Bet tada jis nusprendžia tai padaryti naudodamas CSS tinklelį! Įdomus. Kodėl? Na tai mes į tai ir įsivelsime. Tinklelis gali tiesiog jaustis (ir iš tikrųjų būti) tvirtesnis. Tinklelis taip pat gali būti lankstesnis. Pvz., max-heightO autoparaštės puikiai centruojamos, bet ką daryti, jei norite, kad kraštuose nelygūs latakai? Tai ten būtų sunku ir lengva su „Grid“. Ethanas Marcotte'as rašė:

Užuot paprasčiausias max-widthapribojimas, aš galiu naudoti tuščią vietą aplink savo dizainą ir laikyti tai kaip maketo įrankį.

Šiame vaizdo įraše bandau pakeisti inžinieriaus Snooko idėją, tada galiausiai palyginti ją su mano galutiniu rezultatu.

  • Snuko
  • Mano (išvalė smėlio post-video estetiką)