# 106: Juppide ehitamise osa, 3. osa (HTML ja CSS) - CSS-trikid

Lang L: none (table-of-contents)

Oleme üsna lähedal sellele, et oleksime saidi saidilõikude kodulehe üles ehitanud. Kohe hakkame asju näpistama ja rohkem asju vormi ajama.

Meil on imelik kogemus, kus absoluutselt positsioneeritud pseudoelement ei reageerinud negatiivsele vasakpoolsele veerisele, kuid oli positiivse parema marginaaliga korras. Kes teadis.

Seejärel liigume fragmentide kategooriate vasakpoolse menüü jaoks aktiivse klassi loomiseks. Sirvite korraga ainult ühte neist (paremal näete seotud fragmentide loendit). Öelge, et „HTML” on aktiivne ja klõpsate nupul „CSS”, paremal kuvatakse uus ainult CSS-iga seotud fragmentide loend. Aktiivse näitamiseks peab olema paigas stiil. Z-indeksi muutmine aktiivses klassis on meie jaoks piisav (pannes selle varju kohal istuma).

Parempoolse loendi jaoks on ahvatlev lingid kuvada: block - kuid see on peaaegu liiga palju klõpsatavat ala. Tundub imelik seda mõelda, kuid arvan, et see on tõsi. Selle lingi aktiveerimiseks ei taha juhuslikke klikke lingi tekstist väga kaugel. See oleks üllatav ja veider. Seega võivad lingid ise olla blokeeritud, nii et neil võib olla polsterdusi, kuid ärge täitke kogu laiust, nagu loendis olev element on.

Lingide enda jaoks otsustame, et juppide pealkirja värvimine kategooriasse, kuhu need kuuluvad, on liiga tugev. Selle asemel on lingid hallid, kuid ümberpaigutamise värv võib selle erivärvi omandada.

Otsustame ka, et ühe veeru loend otse allapoole töötab praegu, kuid kui kerimine muutus liiga naeruväärseks, võib-olla kunagi saame jagada kahte veergu ja seda lühendada.

Huvitavad Artiklid...