Kuidas kasutada Dreamweaveri CSS-i atribuutide paneeli paigutusvalikuid

CSS-i kujundaja atribuutide paneeli ülaosas leiate CSS-i atribuudid, mida tavaliselt kasutatakse lehepaigutuste loomiseks. Nende suvandite abil saate määrata kõrguse, laiuse, joonduse, paigutuse ja vahekauguse. Need sätted sobivad ideaalselt klassi- ja ID-stiilidega lehepaigutuste loomiseks, et teha näiteks pilte ja asukohta

sildid mitmeveeruliste paigutuste loomiseks.

Nende väärtuste määramiseks saate kasutada paneeli CSS-i atribuudi suvandeid Paigutus.

• Laius: määrake iga elemendi laius, mille mõõtmed võivad olla määratud, näiteks a

  silt. Suuruse valikud on piksel (px), punkt (pt), pica (pc), protsent (%), em, rem, ex ja ch.

• Kõrgus: määrake iga elemendi kõrgus, mille mõõtmed võivad olla määratud.

  • Min ja Max Width: määrake minimaalne ja maksimaalne laius

    sildid ja muud plokielemendid. Need valikud on kasulikud, kui määrate laiuse protsendina brauseriaknast. Näiteks saate määrata kujunduse laiuseks 80 protsenti brauseriaknast ja seejärel määrata maksimaalseks laiuseks 1000 px, et vältida paigutuse venitamist üle 1000 piksli.

  • Min ja Max Height: määrake minimaalne ja maksimaalne kõrgus

    sildid ja muud plokielemendid.

  • Veeris: määrake elemendi ümber ruumi suurus. Veerisid saab kasutada ruumi loomiseks elemendi serva ja lehe muude elementide vahele, näiteks pildi ja teksti vahele või kahe vahele.

    sildid. Saate määrata ülemise, parema, alumise ja vasaku veerise eraldi. Polsterdust mõõdetakse pikslites, punktides, tollides, sentimeetrites, millimeetrites, picas, ems, exs ja protsentides.

  • Täidis: määrab ruumi suuruse elemendi piirides. Näiteks võite kasutada polsterdust, et luua ruumi a piiride vahele

    silt ja selle sisu. Polsterduse saate määrata eraldi ülemisele, paremale, alumisele ja vasakule. Polsterdust mõõdetakse pikslites, punktides, tollides, sentimeetrites, millimeetrites, picas, ems, exs ja protsentides.

    Polsterduse ja veerise vahe määramine võib olla keeruline. Kui lisate veerise ja polsterduse elemendile, näiteks pildile või

    sildi, suurendate selle elemendi üldist suurust ja ruumi mahtu, mida see paigutuses vajab.

• Position: suvand Position, mis on saadaval atribuutide paneeli jaotise Paigutus alumises osas, muudab elementide paigutust lehel. Positsioneerimine võib dramaatiliselt muuta plokitaseme elementide (nagu tabel, loend, päis, lõik ja

  sildid) ilmuvad brauseris.

  • Pärida: te ei pea seda vaikevalikut määrama. Kui muud valikut pole valitud, pärib iga element oma emaelemendi asukoha.

  • Staatiline: asetage sisu selle asukohta dokumendi voos. Vaikimisi on kõik HTML elemendid, mis võivad olla paigutatud on staatiline.

  • Absoluutne: kasutage ülemist ja vasakut koordinaati, et juhtida elemendi asukohta brauseriakna vasaku ülanurga või elementi sisaldava elemendi vasaku ülanurga suhtes.

  • Parandatud: asetage element brauseri vasaku ülanurga suhtes. Fikseeritud positsioneerimist kasutava elemendi sisu jääb muutumatuks isegi siis, kui kasutaja kerib alla või üle lehe.

  • Suhteline: kasutage asukohta selle punkti suhtes, kus elemendi sisestate lehele, või selle konteineri suhtes.

    

  • Ujumine: joondage elemente, nagu pildid ja

    sildid lehe või muu konteineri vasakul või paremal, põhjustades teksti või muude elementide ümber keerdumise. Klõpsake väljal Float ikoone, et määrata neli järgmist valikut: Pärimine, Parem, Vasak või Puudub.

  • Selge: takistab ujuva sisu kattumist ala vasakule või paremale või elemendi mõlemale küljele. See suvand on kasulik ujuva elemendi, näiteks a

    küljeriba loomiseks kasutatav silt kattub mõne teise plokitaseme elemendiga, näiteks lehe jaluse loomiseks kasutatav silt.

  • Overflow-x ja -y: andke brauserile teada, kuidas kuvada elemendi sisu, kui konteiner, näiteks a

    silt, ei mahu elemendi kogu kõrgusele või laiusele. Ülevooluvalikud on

  • Nähtav: hoidke sisu, nagu pilt või tekst, nähtavana, isegi kui see laieneb konteineri määratletud kõrgusest või laiusest.

  • Peidetud: lõigake sisu ära, kui see ületab konteineri suuruse. See valik ei paku kerimisribasid.

  • Kerimine: lisage konteinerisse kerimisribad olenemata sellest, kas selle sisu ületab elemendi suurust.

  • Automaatne: kerimisribad kuvatakse ainult siis, kui konteineri sisu ületab selle piire.

• Kuva: näita, kas või kuidas element brauseris renderdada. Näiteks saate muuta järjestamata loendi paigutust horisontaalsest vertikaalseks, valides Inline, või peita elemendi, muutes selle nähtamatuks, valides Puudub. Elementide kuvamise dünaamiliseks muutmiseks saate kasutada suvandit Kuva koos skriptikeelega.

• Nähtavus: määrake, kas brauser kuvab elemendi või mitte. Nähtavusvalikud on

  • Pärida: elemendil on selle elemendi nähtavus, milles see sisaldub (vaikeseade).

  • Nähtav: element kuvatakse.

  • Peidetud: elementi ei kuvata.

  • Ahenda: kasutamiseks HTML-tabelitega. Ahendamist saab kasutada veeru või rea eemaldamiseks, ilma et see mõjutaks ülejäänud tabeli paigutust.

• Z-indeks: kontrollige elemendi asukohta Z-koordinaadil, mis juhib elementide virnastamise järjekorda üksteise suhtes. Kõrgema numbriga elemendid kattuvad madalama numbriga elementidega.

• Läbipaistmatus: kontrollige elemendi läbipaistmatuse taset vahemikus 0,0 (täiesti läbipaistev) kuni 1,0 (täiesti läbipaistmatu). Näiteks kui sisestate läbipaistmatuse väljale .5, vähendatakse elemendi läbipaistmatust 50 protsendini.