Kako koristiti opcije izgleda na Dreamweaverovoj ploči svojstava CSS

Na vrhu ploče CSS Designer Properties pronaći ćete CSS svojstva koja se obično koriste za izradu izgleda stranica. Ove opcije koristite za određivanje visine, širine, poravnanja, pozicioniranja i razmaka. Ove postavke idealne su za stvaranje izgleda stranica s stilovima klase i ID-a za obavljanje stvari kao što su poravnavanje slika i položaja

oznake za kreiranje izgleda s više stupaca.

Možete koristiti opcije izgleda na ploči CSS svojstva za postavljanje ovih vrijednosti:

• Širina: Odredite širinu za bilo koji element koji može imati specificirane dimenzije, kao što je a

  označiti. Opcije veličine su piksel (px), točka (pt), pica (pc), postotak (%), em, rem, ex i ch.

• Visina: Odredite visinu za bilo koji element koji može imati specificirane dimenzije.

  • Min i Max Width: Odredite minimalnu i maksimalnu širinu za

    oznake i drugi blok elementi. Ove su opcije korisne kada širinu navedete kao postotak prozora preglednika. Na primjer, možete postaviti širinu dizajna na 80 posto prozora preglednika, a zatim postaviti maksimalnu širinu od 1000 px kako biste spriječili da se vaš izgled rastegne šire od 1000 piksela.

  • Min i Max Height: Odredite minimalnu i maksimalnu visinu za

    oznake i drugi blok elementi.

  • Margina: Postavite količinu prostora oko elementa. Margine se mogu koristiti za stvaranje prostora između ruba elementa i drugih elemenata na stranici, kao što je između slike i teksta ili između dva

    oznake. Možete postaviti marginu zasebno za gornju, desnu, donju i lijevu. Padding se mjeri u pikselima, točkama, inčima, centimetrima, milimetrima, picama, ems, exs i postocima.

  • Padding: Postavlja količinu prostora unutar granica elementa. Na primjer, možete koristiti padding za stvaranje prostora između granica a

    oznaku i njen sadržaj. Podešavanje možete postaviti zasebno za gornji, desni, donji i lijevo. Padding se mjeri u pikselima, točkama, inčima, centimetrima, milimetrima, picama, ems, exs i postocima.

    Postavljanje dopuna i razmaka margina može biti nezgodno. Kada dodate marginu i dopunu elementu, kao što je slika ili

    tag, povećavate ukupnu veličinu tog elementa i količinu prostora koji mu je potreban u izgledu.

• Položaj: opcija Položaj, dostupna u donjem dijelu odjeljka Layout panela Svojstva, mijenja način na koji su elementi pozicionirani na stranici. Pozicioniranje može dramatično promijeniti način na koji elementi na razini bloka (kao što su tablica, popis, zaglavlje, odlomak i

  oznake) se pojavljuju u pregledniku.

  • Naslijediti: ne morate navesti ovu zadanu opciju. Osim ako nije odabrana druga opcija, svaki element nasljeđuje položaj svog roditeljskog elementa.

  • Statički: Postavite sadržaj na njegovo mjesto unutar toka dokumenta. Prema zadanim postavkama, svi HTML elementi koji se mogu postaviti su statični.

  • Apsolutno: koristite gornju i lijevu koordinate za kontrolu položaja elementa u odnosu na gornji lijevi kut prozora preglednika ili gornji lijevi kut elementa koji sadrži element.

  • Popravljeno: Pozicionirajte element u odnosu na gornji lijevi kut preglednika. Sadržaj elementa koji koristi fiksno pozicioniranje ostaje konstantan čak i ako se korisnik pomiče prema dolje ili preko stranice.

  • Relativno: koristite položaj u odnosu na točku u koju umetnete element u stranicu ili u odnosu na njegov spremnik.

    

  • Plutanje: poravnajte elemente, kao što su slike i

    oznake, lijevo ili desno od stranice ili drugog spremnika zbog čega se tekst ili drugi elementi omotavaju oko njega. Kliknite ikone u polju Float da biste naveli sljedeće četiri opcije: Naslijediti, Desno, Lijevo ili Ništa.

  • Jasno: spriječite da se plutajući sadržaj preklapa područje s lijeve ili desne strane ili s obje strane elementa. Ova je opcija korisna kada plutajući element, kao što je a

    oznaka koja se koristi za stvaranje bočne trake, preklapa se s drugim elementom na razini bloka, kao što je oznaka koja se koristi za stvaranje podnožja stranice.

  • Overflow-x i -y: Recite pregledniku kako prikazati sadržaj elementa ako je spremnik, kao što je

    tag, ne može stati na cijelu visinu ili širinu elementa. Opcije preljeva su

  • Vidljivo: Neka sadržaj, kao što je slika ili tekst, bude vidljiv, čak i ako se širi izvan definirane visine ili širine spremnika.

  • Skriveno: Odrežite sadržaj ako premašuje veličinu spremnika. Ova opcija ne nudi trake za pomicanje.

  • Pomicanje: dodajte trake za pomicanje u spremnik bez obzira na to prelazi li njegov sadržaj veličinu elementa.

  • Automatski: Neka se trake za pomicanje pojavljuju samo kada sadržaj spremnika prelazi njegove granice.

• Zaslon: Naznačite hoće li ili kako generirati element u pregledniku. Na primjer, možete promijeniti položaj neuređenog popisa iz vodoravnog u okomit odabirom Inline ili sakriti element, čineći ga nevidljivim, odabirom Ništa. Možete koristiti opciju Prikaz s skriptnim jezikom za dinamičku promjenu prikaza elemenata.

• Vidljivost: Kontrolirajte hoće li preglednik prikazati element ili ne. Opcije vidljivosti su

  • Naslijediti: Element ima vidljivost elementa u kojem je sadržan (zadano).

  • Vidljivo: element je prikazan.

  • Skriveno: element nije prikazan.

  • Sažmi: za korištenje s HTML tablicama. Sažimanje se može koristiti za uklanjanje stupca ili retka bez utjecaja na ostatak izgleda tablice.

• Z-indeks: Kontrolirajte položaj elementa na Z-koordinati, koji kontrolira redoslijed slaganja elemenata u odnosu jedan na drugi. Elementi s većim brojem preklapaju elemente s nižim brojem.

• Neprozirnost: Kontrolirajte razinu neprozirnosti za element od 0,0 (potpuno proziran) do 1,0 (potpuno neproziran). Na primjer, ako unesete .5 u polje neprozirnosti, neprozirnost elementa će se smanjiti na 50 posto.