Hoe om te onthou in CSS dat marge is buite die grens, en padding binne
https://stackoverflow.com/questions/32668
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianVra
Ek weet nie CSS dikwels wysig, en byna elke keer as ek nodig het om te gaan en Google die CSS box model om te kyk of padding is binne-in die border en margin buite, of andersom. (Net weer nagegaan en padding is binne).
Is daar iemand het 'n goeie manier om te onthou hierdie? 'N bietjie mnemoniese, 'n goeie verduideliking van waarom die name wat omgekeerd ...
Oplossing
By die werk met CSS jy mal uiteindelik dryf die opgestopte sel wat hulle jou in sal sit het die padding op die binnekant van die mure.
Ander wenke
pen - P is in
Jy is met behulp van 'n boks. As jy iets het om in 'n boks wat jy wil 'n paar padding binne sit om seker te maak dit het nie smack teen die kante. Marge sal dan die ander ding wees.
Druk die diagram van die Box Dimensies artikel van die spesifikasie, en sit dit op die muur.
Vir my is "padding" klink net meer innerlike as "marge". Miskien dink oor die gedrukte bladsy sal help? Marges areas op die ver buite - oor die algemeen, kan jy nie eens te druk om die rand - hulle is unmarkable. Binne dié marges, kan die inhoud word opgestop om 'n ekstra versperring tussen die inhoud en die marge voorsien?
As jy werk in CSS genoeg, dit sal 'n tweede natuur om dit te onthou te word.
Padding word gewoonlik binne gebruik. Óf op die binnekant van 'n muur of 'n aflewering boks, dit is eenvoudig. En as padding is binne, dan marge is buite. Moet nie te hard wees.
Ek het net geleer dit met verloop van tyd -. Die boks model is redelik eenvoudig, maar die belangrikste rede waarom mense vind dit moeilik is omdat body die model nie sigbaar nie breek
Regtig, as jy body n marge gee en 'n agtergrond moet jy sien dit omring deur 'n wit strook. Dit is egter nie die geval nie - padding body se is dieselfde as marge. Dit gee aanleiding tot 'n paar verkeerde dinge oor die boks model.
Ek dink gewoonlik daaroor soos volg:
- marge = spasiëring om die boks,
- border = die rand van die boks,
- padding = ruimte binne-in die boks.
Tim Saunders het 'n paar uitstekende advies - toe ek die eerste begin het met CSS, ek het 'n punt van die bou van 'n goeie, ten volle gedraai basis style. Dat style het baie keer verander en bly 'n geweldige bron.
Maar toe ek gehardloop in my eie boks model probleme, het ek begin met behulp van 'Mo Pi. Soos in, "Ek is nie vet genoeg, ek moet mo pi eet." Vreemd, maar dit het gewerk vir my. Natuurlik, sit ek op twintig pond, terwyl die leer CSS ...; -)
gebruik Firebug te help om te sien.
Skep vir jouself 'n kommentaar basis style wat jy as 'n sjabloon kan gebruik wanneer jy dit nodig om 'n nuwe tuiste te skep of 'n bestaande webwerf te wysig.
Jy kan voeg by dit as jy groei in kennis en pas dit toe op verskillende blaaiers om te sien hoe verskillende dinge op te tree.
Jy sal ook in staat wees om by te voeg in die kommentaar of voorbeelde oor ander moeilik om dinge of dinge wat toonbank intuïtiewe onthou.
grens Voeg, selfs net tydelik. As jy speel met die nommers, sal jy die verskil sien.
In werklikheid, tydelike grense rondom elemente is 'n nuttige manier om te werk, so dat jy kan sien waarom dryf daal, ens.
Ek weet dit is 'n antwoord op jou vraag nie, maar meer van 'n wenk. Wanneer ek die hantering van marge en padding, sal ek 'n grens rondom die deel wat jy besig is met, dan daarvandaan by te voeg, dit wys my die kamer Ek het om te werk met. Toe ek al stel is, ek verwyder die grens.
padding is 'n deel van die skildery 'n element se: dit strek die element se agtergrond . Dit maak sin om te dink aan 'n paar element + padding as deel van 'n algemene agtergrond. Padding is analoog aan doek die skildery se: hoe groter die padding, hoe groter is die doek en daarom agtergrond. Grens (raam die skildery se) sou gaan om daardie paar. En marge sal skilderye skei op die gallery muur. Dink oor die konsep van voorwerp agtergrond help plak die + padding paar voorwerp saam. Die gewone verduidelikings van wat binne vs buite nie vashou aan geheue: na 'n ruk almal terug na die oorspronklike verwarring kry. Onthou ook dat marges is vertikaal opvoubare en padding is nie.
In plaas van weer en vra weer na google jy net gebruik inspekteur venster. In daardie blad styl en rol af na onder julle kan sien soos hierdie.
Marge: As jy wil skuif die blok. Padding:. As jy wil beweeg die items binne 'n blok
