Ako používať polstrovanie v CSS?
Môžete použiť rôzne typy premenných vo vzájomnej kombinácii, napríklad polstrovanie: 10 pixelov 2em;*.
Výplň je množstvo priestoru medzi okrajom prvku a obsahom v tomto prvku. Súvisí, ale nie je to isté ako okraj, čo je vzdialenosť medzi okrajom prvku a prvkami okolo neho.
Metóda 1 z 2: Pridanie polstrovania špecifického pre stranu
- 1Vyberte prvok, na ktorý chcete vložiť výplň. Na to budete v ideálnom prípade chcieť vedieť triedu alebo ID. Napríklad, .wrapper alebo #header.
- 2Pridajte množstvo vypchávky, ktoré chcete pridať, pomocou jednej z nasledujúcich možností:
- padding-left
- padding-right
- padding-top
- padding-bottom
- 3Nastavte čiastku. Rovnako ako pri akejkoľvek deklarácii vzdialenosti alebo veľkosti môže byť vzdialenosť uvedená v:
- px
- em
- %
- vw
- vh
Pridajte množstvo vypchávky, ktoré chcete pridať, pomocou jednej z nasledujúcich možností. - 4Skontrolujte, či váš kód neobsahuje chyby syntaxe. Správna možnosť je napríklad táto: dajte nášmu prvku 20 pixelov výplne vpravo:
- .wrapper #header {padding-right: 20px;}
Metóda 2 z 2: Skratka
- 1Vyberte prvok, na ktorý chcete vložiť výplň.
- 2Použitepadding: príkaz; Môže byť použitý s 2 alebo 4 premennými:
- polstrovanie: hore/dole vľavo/vpravo;
- polstrovanie: vpravo hore dole vľavo;
- Môžete napríklad použiť rôzne typy premenných v ich vzájomnej kombinácii padding: 10px 2em;*
- Snažte sa nekombinovať polstrovanie špecifické pre jednu stranu a jednu čiaru; preto je ťažšie vidieť štruktúru vášho kódu
- Vykonajte úpravy podľa vlastného uváženia. css a najlepšie nie štýly.css
Prečítajte si tiež: Ako otvoriť Hotmail?
