Kako uporabljati možnosti postavitve v Dreamweaverjevi plošči lastnosti CSS

Na vrhu plošče Lastnosti oblikovalca CSS najdete lastnosti CSS, ki se običajno uporabljajo za ustvarjanje postavitev strani. Te možnosti uporabite za določitev višine, širine, poravnave, položaja in razmika. Te nastavitve so idealne za ustvarjanje postavitev strani s slogi razreda in ID-jev za stvari, kot so poravnava slik in položaj

oznake za ustvarjanje postavitev z več stolpci.

Za nastavitev teh vrednosti lahko uporabite možnosti postavitve na plošči Lastnosti CSS:

• Širina: določite širino za kateri koli element, ki ima lahko določene dimenzije, kot je a

  oznaka. Možnosti velikosti so pixel (px), točka (pt), pica (pc), odstotek (%), em, rem, ex in ch.

• Višina: določite višino za kateri koli element, ki ima lahko določene dimenzije.

  • Najmanjša in največja širina: določite najmanjšo in največjo širino za

    oznake in drugi blok elementi. Te možnosti so uporabne, če določite širino kot odstotek okna brskalnika. Na primer, lahko nastavite širino načrta na 80 odstotkov okna brskalnika in nato nastavite največjo širino 1000 slikovnih pik, da preprečite, da bi se vaša postavitev raztegnila širše od 1000 slikovnih pik.

  • Najmanjša in največja višina: določite najmanjšo in največjo višino za

    oznake in drugi blok elementi.

  • Rob: nastavite količino prostora okoli elementa. Robove lahko uporabite za ustvarjanje prostora med robom elementa in drugimi elementi na strani, na primer med sliko in besedilom ali med dvema

    oznake. Rob lahko nastavite ločeno za zgornji, desni, spodnji in levi. Oblazinjenje se meri v slikovnih pikah, točkah, palcih, centimetrih, milimetrih, pikah, ems, exs in odstotkih.

  • Padding: nastavi količino prostora znotraj meja elementa. Na primer, lahko uporabite oblazinjenje, da ustvarite prostor med obrobami a

    oznako in njeno vsebino. Oblazinjenje lahko nastavite ločeno za zgornji, desni, spodnji in levi. Oblazinjenje se meri v slikovnih pikah, točkah, palcih, centimetrih, milimetrih, pikah, ems, exs in odstotkih.

    Nastavitev odmika in razmika med robovi je lahko težavna. Ko elementu, kot je slika oz

    povečate celotno velikost tega elementa in količino prostora, ki ga potrebuje v postavitvi.

• Položaj: možnost Položaj, ki je na voljo v spodnjem delu razdelka Postavitev na plošči Lastnosti, spremeni način postavitve elementov na stran. Postavitev lahko dramatično spremeni način, kako elementi na ravni bloka (kot so tabela, seznam, glava, odstavek in

  oznake) se prikažejo v brskalniku.

  • Podeduj: te privzete možnosti vam ni treba določiti. Če ni izbrana druga možnost, vsak element podeduje položaj svojega nadrejenega elementa.

  • Statično: postavite vsebino na njeno mesto v toku dokumenta. Privzeto so vsi elementi HTML, ki jih je mogoče postaviti, statični.

  • Absolutno: uporabite zgornjo in levo koordinato za nadzor položaja elementa glede na zgornji levi kot okna brskalnika ali zgornji levi kot elementa, ki vsebuje element.

  • Popravljeno: Postavite element glede na zgornji levi kot brskalnika. Vsebina elementa, ki uporablja fiksno pozicioniranje, ostane nespremenjena, tudi če se uporabnik pomika navzdol ali čez stran.

  • Relativno: uporabite položaj glede na točko, kjer vstavite element na stran, ali glede na njegov vsebnik.

    

  • Float: poravnajte elemente, kot so slike in

    oznake, levo ali desno od strani ali drugega vsebnika, zaradi česar se besedilo ali drugi elementi ovijejo okoli njega. Kliknite ikone v polju Float, da določite naslednje štiri možnosti: Podeduj, Desno, Levo ali Brez.

  • Počisti: preprečite, da bi plavajoča vsebina prekrivala območje na levi ali desni ali na obeh straneh elementa. Ta možnost je uporabna, če plavajoči element, kot je a

    oznaka, ki se uporablja za ustvarjanje stranske vrstice, prekriva drug element na ravni bloka, kot je oznaka, ki se uporablja za ustvarjanje noge strani.

  • Overflow-x in -y: povejte brskalniku, kako naj prikaže vsebino elementa, če je vsebnik, kot je

    ne more ustrezati celotni višini ali širini elementa. Možnosti prelivanja so

  • Vidno: naj bo vsebina, kot je slika ali besedilo, vidna, tudi če sega čez določeno višino ali širino vsebnika.

  • Skrito: Odrežite vsebino, če presega velikost posode. Ta možnost ne zagotavlja drsnih vrstic.

  • Drsenje: dodajte drsne palice v vsebnik ne glede na to, ali njegova vsebina presega velikost elementa.

  • Samodejno: naj se drsni trakovi prikažejo samo, ko vsebina vsebnika presega njegove meje.

• Zaslon: navedite, ali ali kako naj upodobite element v brskalniku. Na primer, spremenite položaj neurejenega seznama iz vodoravnega v navpično tako, da izberete Inline ali skrijete element in ga naredite nevidnega, tako da izberete Brez. Za dinamično spreminjanje prikaza elementov lahko uporabite možnost Prikaži s skriptnim jezikom.

• Vidnost: nadzorujte, ali brskalnik prikaže element ali ne. Možnosti Vidnost so

  • Podeduj: element ima vidnost elementa, v katerem je vsebovan (privzeto).

  • Vidno: element je prikazan.

  • Skrit: element ni prikazan.

  • Strni: za uporabo s tabelami HTML. Strnitev lahko uporabite za odstranitev stolpca ali vrstice, ne da bi to vplivalo na preostalo postavitev tabele.

• Z-indeks: Nadzirajte položaj elementa na Z-koordinati, ki nadzoruje vrstni red zlaganja elementov med seboj. Elementi z višjim številom se prekrivajo z elementi z nižjim številom.

• Motnost: nadzorujte raven motnosti za element od 0,0 (popolnoma prozoren) do 1,0 (popolnoma neprozoren). Če na primer vnesete .5 v polje motnosti, se motnost elementa zmanjša na 50 odstotkov.