Si të përdorni opsionet e paraqitjes në panelin e vetive CSS të Dreamweaver

Në krye të panelit CSS Designer Properties gjeni vetitë CSS që përdoren zakonisht për të krijuar paraqitjet e faqeve. Ju përdorni këto opsione për të specifikuar lartësinë, gjerësinë, shtrirjen, pozicionimin dhe hapësirën. Këto cilësime janë ideale për krijimin e paraqitjeve të faqeve me stilet e klasës dhe ID-së për të bërë gjëra të tilla si rreshtimi i imazheve dhe pozicionit

etiketa për të krijuar paraqitje me shumë kolona.

Mund të përdorni opsionet Layout në panelin CSS Property për të vendosur këto vlera:

• Gjerësia: Përcaktoni një gjerësi për çdo element që mund të ketë dimensionet e tij të specifikuara, si p.sh

  etiketë. Opsionet e madhësisë janë pixel (px), pika (pt), pica (pc), përqindje (%), em, rem, ex dhe ch.

• Lartësia: Përcaktoni një lartësi për çdo element që mund të ketë dimensionet e tij të specifikuara.

  • Min dhe Max Width: Specifikoni minimale dhe maksimale widths për

    etiketat dhe elementët e tjerë të bllokut. Këto opsione janë të dobishme kur specifikoni gjerësinë si përqindje të dritares së shfletuesit. Për shembull, mund të vendosni gjerësinë e dizajnit në 80 përqind të dritares së shfletuesit dhe më pas të vendosni një gjerësi maksimale prej 1000 px për të parandaluar shtrirjen e paraqitjes tuaj më të gjerë se 1000 pikselë.

  • Lartësia minimale dhe maksimale : Përcaktoni lartësitë minimale dhe maksimale për

    etiketat dhe elementët e tjerë të bllokut.

  • Margjina: Cakto sasinë e hapësirës rreth një elementi. Margjinat mund të përdoren për të krijuar hapësirë ​​midis skajit të një elementi dhe elementëve të tjerë në faqe, të tilla si midis një imazhi dhe teksti ose midis dy

    etiketat. Ju mund të vendosni diferencën veçmas për sipër, djathtas, poshtë dhe majtas. Mbushja matet në pixel, pikë, inç, centimetra, milimetra, picas, ems, exs dhe përqindje.

  • Mbushje: Vendos sasinë e hapësirës brenda kufijve të një elementi. Për shembull, mund të përdorni mbushjen për të krijuar hapësirë ​​midis kufijve të a

    etiketën dhe përmbajtjen e saj. Mund të vendosni mbushjen veçmas për pjesën e sipërme, të djathtë, të poshtme dhe të majtë. Mbushja matet në pixel, pikë, inç, centimetra, milimetra, picas, ems, exs dhe përqindje.

    Vendosja e mbushjes dhe ndarjes së diferencës mund të jetë e ndërlikuar. Kur shtoni diferencë dhe mbushje në një element, të tillë si një imazh ose

    etiketë, ju rritni madhësinë e përgjithshme të atij elementi dhe sasinë e hapësirës që kërkon në paraqitje.

• Pozicioni: Opsioni Pozicion, i disponueshëm në pjesën e poshtme të seksionit Layout të panelit Properties, ndryshon mënyrën e pozicionimit të elementeve në një faqe. Pozicionimi mund të ndryshojë në mënyrë dramatike mënyrën e elementeve të nivelit të bllokut (të tilla si tabela, lista, kreu, paragrafi dhe

  etiketat) shfaqen në një shfletues.

  • Trashëgimi: Nuk keni nevojë të specifikoni këtë opsion të paracaktuar. Nëse nuk zgjidhet një opsion tjetër, secili element trashëgon pozicionimin e elementit të tij mëmë.

  • Static: Vendoseni përmbajtjen në vendndodhjen e saj brenda rrjedhës së dokumentit. Si parazgjedhje, të gjithë elementët HTML që mund të pozicionohen janë statikë.

  • Absolute: Përdorni koordinatat e sipërme dhe të majta për të kontrolluar pozicionin e një elementi në lidhje me këndin e sipërm majtas të dritares së shfletuesit ose këndin e sipërm majtas të një elementi që përmban elementin.

  • Rregulluar: Vendosni një element në lidhje me këndin e sipërm majtas të shfletuesit. Përmbajtja e një elementi që përdor pozicionimin fiks mbetet konstante edhe nëse përdoruesi lëviz poshtë ose nëpër faqe.

  • Relative: Përdorni një pozicion në lidhje me pikën ku futni elementin në faqe ose në lidhje me kontejnerin e tij.

    

  • Float: Rreshtoni elementet, të tilla si imazhet dhe

    etiketat, në të majtë ose në të djathtë të një faqeje ose një kontejneri tjetër, duke bërë që teksti ose elementë të tjerë të mbështillen rreth saj. Klikoni ikonat në fushën Float për të specifikuar katër opsionet e mëposhtme: Trashëgimi, Djathtas, Majtas ose Asnjë.

  • Pastro: Parandaloni mbivendosjen e përmbajtjes lundruese në një zonë majtas ose djathtas, ose në të dy anët e një elementi. Ky opsion është i dobishëm kur një element i lundruar, si p.sh

    etiketa e përdorur për të krijuar një shirit anësor, mbivendos një element tjetër të nivelit të bllokut, siç është një etiketë e përdorur për të krijuar fundin e një faqeje.

  • Overflow-x dhe -y: Tregojuni shfletuesit se si të shfaqë përmbajtjen e një elementi nëse kontejneri, si p.sh.

    etiketa, nuk mund të përshtatet me të gjithë lartësinë ose gjerësinë e elementit. Opsionet e tejmbushjes janë

  • E dukshme: Mbani të dukshme përmbajtjen, si një imazh ose tekst, edhe nëse zgjerohet përtej lartësisë ose gjerësisë së përcaktuar të një kontejneri.

  • Fshehur: Prisni përmbajtjen nëse tejkalon madhësinë e enës. Ky opsion nuk ofron shirita lëvizjeje.

  • Lëvizja: Shtoni shirita lëvizjeje në kontejner, pavarësisht nëse përmbajtja e tij tejkalon madhësinë e elementit.

  • Auto: Bëni shiritat e lëvizjes të shfaqen vetëm kur përmbajtja e një kontejneri i kalon kufijtë e tij.

• Ekrani: Tregoni nëse, ose si, të jepet një element në një shfletues. Për shembull, ju ndryshoni pozicionimin e një liste të pa renditur nga horizontale në vertikale duke zgjedhur Inline ose fshehni një element, duke e bërë atë të padukshëm, duke zgjedhur Asnjë. Mund të përdorni opsionin Display me një gjuhë skriptimi për të ndryshuar shfaqjen e elementeve në mënyrë dinamike.

• Dukshmëria: Kontrolloni nëse shfletuesi shfaq apo jo një element. Opsionet e dukshmërisë janë

  • Trashëgimi: Elementi ka dukshmërinë e elementit në të cilin ndodhet (parazgjedhja).

  • I dukshëm: shfaqet elementi.

  • I fshehur: Elementi nuk shfaqet.

  • Palos: Për përdorim me tabela HTML. Kolapsi mund të përdoret për të hequr një kolonë ose rresht pa ndikuar në pjesën tjetër të paraqitjes së tabelës.

• Z-Index: Kontrolloni pozicionin e një elementi në koordinatën Z, e cila kontrollon rendin e grumbullimit të elementeve në raport me njëri-tjetrin. Elementet me numër më të lartë mbivendosen me elementët me numër më të ulët.

• Opacity: Kontrolloni nivelin e opacitetit për një element nga 0.0 (plotësisht transparent) në 1.0 (plotësisht i errët). Për shembull, nëse futni 0.5 në fushën e opacitetit, opaciteti i një elementi do të reduktohet në 50 përqind.