câmp Lecția 11 (margine) și padding (padding)
Este foarte simplu, dar în același timp și lecția dreapta. Să vedem, ce este marja de diferență de umplutură. Pentru a face acest lucru, încă o dată amintesc de modelul de bloc în CSS.
MARGIN (Fields) - distanța de la graniță (cadru) unitate la elementul următor, sau, dacă nu, la marginile documentului.
PADDING (indentare) - ca Rasctojanie interior, între frontieră (cadru) și conținutul de bloc.
Și să ne uităm doar primerchik: crea trei stiluri pentru trei secțiuni diferite, cu diferite marjă și padding și uita-te la rezultatul:
.p1 culoare de fundal. # FFE446;
frontieră: 1px solid roșu;
marjă. 70px;
>
.p2 culoare de fundal. # FFE446;
frontieră: 1px solid roșu;
umplutură. 70px;
>
.p3 culoare de fundal. # FFE446;
frontieră: 1px solid roșu;
marjă. 50px;
umplutură. 20px;
>
Ei bine, cum să înțeleagă? dacă citiți textul din exemplul, exact înțeles.
Adăugarea de cuvinte cheie familiare: sus, dreapta, jos, stânga, și puteți ajusta marginile câmpului, respectiv, de sus, dreapta, jos, stânga.
p margine-top: 50px;
marja de-dreapta: 50px;
margin-bottom: 50px;
margin-left: 150px;
>
Același lucru, doar într-o prescurtare:
Ie deoarece numai câmpul din stânga diferit de restul, am înregistrat doar un câmp general, și apoi a terminat de scris valoarea terenului din stânga, și a obținut același rezultat ca și în primul exemplu.
Este de asemenea posibil exemplu de realizare a unui asemenea post:
Ie Valorile sunt scrise sensul acelor de ceas: sus, dreapta, jos, stânga.
În unele cazuri, este mai bine să utilizeze marjele și în ce domenii?
Și este de până la tine, eu pot da doar câteva diferențe de bază:
- Padding (padding) sunt plasate în interiorul unității, iar câmpul (margine) - exterior;
Bloc de fundal și imaginea de fundal se aplică numai pentru umplutură, dar nu și pe teren. Câmpurile sunt întotdeauna transparente, și prin ei straluceasca fundal părinte.