Uchopenie rozdielu medzi výplňou a okrajmi vo webovom dizajne

Rozdeľte ich s touto príručkou

Ak neviete, aký je rozdiel medzi polstrovaním a okrajmi, nie ste sám. Je to často kladená otázka a narušila veľa webdesignera . Pomocou tohto rýchleho tutoriálu sa naučte rozlišovať medzi týmito dvoma krokmi.

Pochopenie rozdielu

Okraje a polstrovanie môžu byť mätúce pre začínajúceho webového dizajnéra a niekedy dokonca aj pre dizajnérov s viacerými skúsenosťami. Koniec koncov, v niektorých ohľadoch sa zdajú byť rovnaké: biely priestor okolo obrazu alebo objektu.

Padovanie je jednoducho priestor vo vnútri hranice medzi hranicou a aktuálnym obrazom alebo bunkovým obsahom. Na obrázku je výplň žltá oblasť okolo obsahu. Všimnite si, že výplň ide úplne okolo obsahu. Na hornej, dolnej, ľavej a pravej strane nájdete výplň.

Na druhej strane okraje sú priestory mimo hranice, medzi hranicou a ostatnými prvkami vedľa tohto objektu. V obraze je okraj oblasťou vetvenia mimo celý objekt. Všimnite si, že rovnako ako polstrovanie, okraj ide úplne okolo obsahu. Na hornej, dolnej, ľavej a pravej strane sú okraje.

Užitočné tipy

Majte na pamäti, že ak plánujete robiť skutočne fantazijné veci s okrajmi a polstrovaním, že niektoré prehliadače, napríklad Internet Explorer, neimplementujú správne model boxu. To znamená, že vaše stránky budú vyzerať inak (a niekedy značne odlišné) v iných prehliadačoch.