Dreamweaver Padding vs. Margin

Coding CSS-baserte websider for hånd kan være vanskelig og forvirrende. Adobes Dreamweaver webdesign program gjør denne prosessen enklere, slik at brukerne raskt endre egenskapene til CSS elementer ,. Slike egenskaper som margin og padding arbeid å holde avstand mellom CSS elementer i en webside. De ser veldig like ut, men de faktisk fungerer forskjellig, og hver og en som fungerer best i konkrete situasjoner.

Margin

Marginen CSS eiendom definerer rommet rundt en CSS element, ofte kalt en boks. Et høyere margin tall gir en bredere, tom plass utenfor kanten av en gitt boks, som kan inneholde, for eksempel, et bilde. Marginene er helt gjennomsiktig og kan ikke gis en bakgrunnsfarge. Du kan endre topp, bunn, høyre og venstre marg uavhengig ved hjelp av separate eiendommer, eller bruke en enkelt margin eiendom for å endre alle marginer på en gang.

padding

Polstring også definerer mellomrom mellom elementene, men det kontrollerer at plassen på innsiden av kanten, mellom kanten og et boksens innhold. Det har ingen bakgrunnsfarge og ikke skjuler innholdet i boksene på lavere lag. Som CSS marginer, og tilbyr padding uavhengig kontroll av elementet på alle fire innsiden av en boks, eller muligheten til å endre alle deler av padding element samtidig ved hjelp av en forkortelse eiendom.

Endre egenskaper i Dreamweaver

I Dreamweaver CS5.5, CSS egenskaper vises under fanen CSS-stiler på høyre side av skjermen. Velge et objekt viser eksisterende stiler. For å legge til en margin eller padding til en boks, velger du boksen, og klikk deretter på "Add Property." Velg riktig eiendommen fra alfabetisk rullegardinmenyen. Du kan velge enten spesifikke egenskaper, som for eksempel "padding-bottom" eller mer generelle egenskaper, for eksempel "padding". Skriv inn padding eller margin verdi i enten piksler eller som en prosentandel av boksen i dialogboksen til høyre for eiendommen. Alternativt kan du velge boksen og manuelt redigere sine egenskaper i kode visningsmodus. Dette gir bedre kontroll, men gjør det vanskeligere å automatisk unngå skrivefeil og andre feil.

betraktninger

Mens margin og padding egenskaper utføre lignende funksjoner, har hver og en sin egen spesielle bruksområder. Marginen Eiendommen fungerer best når du trenger å gjøre plass mellom to ikke-nestede bokser. Den skyver andre elementer fra esken den omgir. Padding fungerer best når du trenger å gjøre plass mellom kanten av en boks og noen andre bokser den inneholder. Legge til mer padding krymper den ledige plassen inne i boksen og kan formatere tekst eller omorganisere bilder.