Fluxuri document HTML

documente Web descrise fluxuri atunci când sunt afișate în browser. Curente - este fundamentul pentru înțelegerea structura competentă a documentelor Web.

Orice document HTML este afișat în browser-ul utilizatorului, în conformitate cu anumite reguli. Aceste norme afectează succesiunea elementelor din codul paginii și proprietățile acestor elemente. Pe baza acestor reguli în mod constant și metodic browser-ul afișează fiecare element al documentului. Ordinea de afișare a elementelor de la pagina și fluxul de apel.
Există mai multe elemente de HTML fluxuri de ieșire în care determină fluxul de ieșire browser-ul elementului, după cum sa menționat deja, proprietățile acestor elemente. Am lista posibila fluxul documentului:

  • flux normal (debit normal);
  • plutitoare (float);
  • poziție absolută (poziționare absolută)

Puțin mai târziu, vei înțelege de ce așa-numita schemă de alocare, și totuși proceda la explicațiile.

Fluxul normal al documentului HTML

Fluxul principal al documentului este numit fluxul normal. De la ea și să înceapă.
În mod implicit, elementele afișate în fluxul principal, numai prin stabilirea proprietăților speciale ale elementului va fi retras din fluxul principal al documentului, adică, el va fi plasat pe pagina și interacționează cu vecinii lor asupra celorlalte reguli. Elementele bloc ale documentului sunt afișate unul sub altul, fiecare ocupând sa în întregime pe o linie nouă în fluxul normal. Ordinea de ieșire, de exemplu, ecranul este determinată de ordinea în care acestea sunt scrise în documentul HTML. Elementele Minuscule al căror recipient comun afișat succesiv pe o singură linie, dacă capătul liniei (de exemplu, limitată de lățimea containerului părinte), elementul de linie se transformă pe rândul de mai jos ieșire continuă.
Elementul este derivat dintr-un flux normal dacă este setat la una dintre următoarele proprietăți:

Document de debit Float

În cazul în care elementul pentru a seta proprietatea float: left sau float: dreapta. acesta va fi retras din fluxul normal al documentului HTML și puse la dispoziție în conformitate cu normele elemenov plutitoare următorul clasament.
Elementul este derivat din celulele normale și se mută de curgere în poziția de capăt la stânga (dacă este instalat float: left) sau dreapta (dacă este instalat float: dreapta) la marginea containerului părinte sau până când se lovește marginea aceluiași element flotant. pentru că elementul derivat din fluxul normal, atunci pentru fluxul normal astfel de elemente bloc elemente încetează să mai existe. Dar elementele de linie ale fluxului normal al plutitoare nu este pierdut, elemente mici incep sa pacalesc elementele flotante pe una din laturile lor.

Hraneste de poziționare absolută

În cazul în care elementul pentru a seta proprietatea poziția: absolută. acesta va fi scos din fluxul normal (de exemplu. nu va afecta vecinii lor) și vor fi plasate în conformitate cu regulile de poziționare absolută, care de stat.
Elementul este deplasat în raport cu coordonatele lor în containerul părinte cu suma specificată proprietățile CSS topbottomleftright. Toate elementele fluxului normal, ambele bloc cu litere mici și nu știu despre existența unor elemente cu poziționare absolută.

Un caz special de poziționare absolută este considerată a fi un element cu poziția de proprietate: fix. Un astfel de element este dedusă din fluxul normal pozitionat absolut, dar este deplasată în raport cu marginea proprietăților documentului CSS topbottomleftright. Acest element nu schimbă poziția sa față de marginile documentului în timpul derulării, și anume este fixat în fereastra browser-ului în coordonatele lor. Acest lucru îl diferențiază de elementele cu poziție: absolută.

articole similare