# 114: pastato komentaro forma - CSS-gudrybės

Anonim

Šiame ekrano etape mes ketiname sukurti pastabų formą HTML / CSS. Komentarų formos žymėjimas gyvena komentarų.php faile, esančiame mūsų temoje. Mes ieškome elemento, kad jį rastume.

Kiekvieną iš trijų įvesties elementų (vardą, el. Pašto adresą, URL) išdėstome naudodamiesi tinklelio sistema, kurią turime. Berniukas, mes gerai tai panaudojome?

Jau turime CSS failą, skirtą tik su komentarais susijusiems dalykams, todėl čia ir dirbsime. Pirmas dalykas, kurį rašome, yra tai, kad įvestys į mūsų mažą tinklelį būtų 100% pločio, kad jos tilptų stulpelyje. „Divs“ tai darytų natūraliai, tačiau įvestys elgiasi labiau kaip „inline-block“ ir automatiškai neužpildo tėvų konteinerių pločio. Mes taip pat šiek tiek pakreipiame pagrindinę teksto sritį, kad ji būtų 100% pločio ir ne tokia aukšta, kokia buvo. Mes nusprendžiame nesijaudinti su galimybe keisti teksto srities dydį. Tai tikrai nieko nesulaužo.

Tada gauname nuorodą Atsakyti. „JavaScript“ jau veikia puikiai, nes mes nesusimaišėme su formos, kuria remiasi „JavaScript“, ID. Vis dėlto turime padaryti daugybę patobulinimų, pavyzdžiui, suteikti formai pilką foną, kad jo dizainas veiktų.

Likusį laiką praleidžiame kai kuriuos dalykus koreguodami medijos užklausomis, kad mažuose ekranuose forma atrodytų gerai.