lecții de css pentru incepatori - afundare și umplutură - Lecția 11
Margini și Umplere
Cât timp va exista în scurt timp. și vom merge toți și merge mai departe cu tine. Câți dintre noi perelopacheno cât de mult timp și ugrohat forțe. și toate pentru ce? Câți dintre voi a sărit de la o distanță, nu rupte, nu se teme de dificultăți? Sunt de acord, nu este atât de ușor mod de a crea propriul dvs. site. Probabil mai mult de o dată a vrut să renunțe la tot, ia șablonul pentru a împinge nimic. și să trăiască în pace.
Crezi că nu am avut astfel de gânduri? Uneori, tam-tam-tam-tam ca un pește pe gheață. dar aceasta nu funcționează. Sau primit, dar foarte, foarte nu ceea ce au vrut. De câte ori am vrut să renunț! Oh, cât de des la ureche unele necunoscute șoptit. Ei bine, fig? Mai bine te duci sa vezi un film sau de a lua o plimbare, du-te la culcare o oră sau două în plus?
Nu pot să dorm. Și nu merg. Și chiar dacă ei merg - încă mai cred. Deși nu numai aceste lecții. Dar despre ei, dragă, de asemenea. Poate că este dificil și evaluate cel mai mult? Este înfricoșător să-și piardă? Ce crezi?
Deci, să trecem mai departe. Să vorbim despre cantitatea de spațiu și câmpuri.
Marja. câmp
Câmpurile sunt diferite. Kolkhoznye terenuri de fotbal și câmpuri. Domenii și câmpuri în pălării Minunilor. De asemenea, avem un câmp de pagini! Aici puteți obține chiar pierdut! Ce avem nevoie? O să-ți spun imediat! Este un spațiu între conținutul unui element și a frontierelor sale în raport cu elementul de bază, sau, în lipsa acestuia - fereastra browser-ului.
Dacă doriți să faceți o marjă pe toate laturile același, puteți specifica pur și simplu valoarea după marja de cuvânt. Dimensiunea poate fi o lungime în valorile (px, pt, em, etc.), și valoarea auto. precum și raportul procentual. Dar fii atent! În cazul în care elementele sunt imbricate una în alta, la diferite procente pot fi în pericol.
Deci, să fie foarte atent! Dacă doriți să faceți un domeniu diferit de toate părțile, puteți consuma cu ușurință valoarea marjei-top. -Marginea din dreapta. margin-bottom și marja de stânga. Cred că ai aici totul este clar. Nimic complicat. Acum vom încerca să folosească aceste marginchiki în exemplul lecție anterioară. Pentru a economisi spațiu, nu voi picta sus-jos, doar scrie marja. Și tu, dacă vrei (și cu siguranță doriți.) Puteți utiliza orice valoare. Și va fi foarte bun pentru practică.
Șilov ca o albină a văzut atât de puțin și nu a murit de bucurie. Pentru că fără această albine el nu putea trage o cuvă o astfel de imagine minunata! Și poate să facă acest lucru, și a trăit un artist necunoscut al săracilor! Și n-ar fi ajuns în astfel de faimoasele „lecții sălbatice.“
Și asta e ceea ce sa întâmplat cu câmpurile:
Stilurile am stabilit domeniul antetul paginii și zero, e titlul și lipit de limitele browser-ului. Și, ca și cum nu am schimbat dimensiunea ferestrei, astfel încât se va lipi și de ședere. Dar pentru imagini noi ustranovili câmp la 20 pixeli, deci la această distanță și ea sa mutat departe de toate elementele învecinate. Cu toate acestea, în câteva browsere diferite pe diferite pare. Deci, a verifica.
punctul domeniu, am decis să nu atingă, nu pentru a face confuzie. Este clar? Apoi, trece la crestate!
Padding. liniuță
Și ultimul lucru pe care vreau să văd în această lecție - este spațiu în jurul unui element. Ca liniuță marja poate fi la fel pe toate părțile, și apoi puteți face doar umplutură. și, poate, diferit pentru fiecare parte. Apoi, aveți nevoie pentru a scrie padding-top. -Padding dreapta. padding-bottom sau padding-stânga. Imediat ia un tip experi mentale: adaugă la exemplul anterior paragraf alin.
Șilov ca o albină a văzut atât de puțin și nu a murit de bucurie. Pentru că fără această albine el nu a fost niciodată în stare să atragă o imagine minunata! Și poate să facă acest lucru, și a trăit un artist necunoscut al săracilor! Și n-ar fi ajuns în astfel de lecții celebre.
Și aici este retragerea noastră a paragrafului:
QED! Așa că mergeți mai departe, dragul meu geniu și Dumnezeu să vă ajute!
Care este marja de diferență și padding
Incepatorii confunda adesea aceste două concepte, așa că aș dori să explice diferența dintre ele din nou. Adică, să se stabilească o lecție.
Amintiți-vă filmul teribil-prestrashny „Vij“, sau poate fi citit această poveste de Gogol?
Și amintiți-vă, e un om în biserică, pentru a se proteja de mașinațiunile de vrăjitoare, a atras el însuși un cerc? Doar în interiorul cercului a fost salvarea lui. El ar putea poticni în cerc, care este distanța de cerc - interior este umplutură umplutură.
Dar ce s-ar fi întâmplat dacă ar fi trecut dincolo de cercul? Într-un câmp extern? Deci, distanța de la cerc la exterior și au o marjă. Și amintiți-vă! Și, cu toate că această cunoaștere și nu au salvat eroul povestea morții, dar a fost nefig Peek!
Și, în scopul de a determina cele mai bune cu margini și liniuțe, au dreptul la o dată frontiera de obiect bordură. atunci acesta poate fi îndepărtat, dar această limită aparentă va ajuta să se orienteze.