elemente de nivel bloc

Să ne apropiem de tipuri de elemente CSS bloc elemente. elemente ale blocului - elemente din care este construit cadru pentru întreaga pagină. Acest tip de cărămizi, care va cuprinde întreaga pagină web.

Pentru a bloca elemente sunt elemente cu valoarea afișajului proprietății:

În timp ce toate aceste elemente în situații diferite pot fi afișate în diferite moduri, dar caracteristicile generale sunt singuri.

Deci, ce sunt aceste caracteristici:

+ După cum sugerează și numele, se poate ghici că membrii bloc sunt o zonă dreptunghiulară în care există orice conținut.

Care sunt și modul în care acestea sunt formate prin dimensiunile zonei dreptunghiulare, am spus aici.

+ Elementele Block pot conține și alte elemente minuscule sau bloc. Nivelul de cuibar nu este limitată în nici un fel.

Excepție de la acest element de regulă

, acesta nu poate conține alte elemente de nivel bloc.

+ Pentru elementele bloc care acționează efect proprietăți skhlopovaniya marja (mai mult pe aceasta mai târziu)

+ Elementele de bloc nu au voie să-l încorpora în litere mici.

Notația următoare nu va trece de validare:

Este necesar să se scrie:

+ Proprietatea pentru lățimea unui element de nivel bloc este setat la auto implicit și bloca toată lățimea disponibilă a spațiului:

O excepție de la această regulă este masa elementului, a cărei lățime depinde de conținutul său.

+ Dacă un element de bloc nu se aplică formele speciale de poziționare, unitățile sunt aranjate una deasupra celeilalte. Acest lucru este valabil chiar și în cazul în care spațiul de pe partea laterală a blocului este suficient pentru a găzdui un bloc care se află mai jos.

+ Pentru elementele blocului de regulă.

= Lățimea blocului valorii proprietății elementului pentru lățimea elementului + padding-stânga + margine-stânga-dreapta + padding + margine dreapta + border-stânga + border-dreapta

Deși lățimea ambelor blocuri este setat același, dar se vede clar că inferior mai mare bloc în lățime decât partea superioară.

+ Înălțimea elementului blocului, în mod implicit, este setat pe automat, și ia o valoare care este necesară pentru a conține pe deplin tot conținutul.

+ = Înălțimea valorii proprietății element al blocului pentru elementul înălțime + padding-top + margin-top + padding-bottom + margin-bottom + border-top + border-jos

+ În cazul în care înălțimea blocului este setată la orice valoare deosebită, iar conținutul nu se încadrează în intervalele specificate, acesta va fi afișat în partea de sus a aparatului.

+ Pentru elementele de nivel bloc nu funcționează proprietatea vertical-align, și altele. Proprietățile care sunt proiectate pentru a lucra cu elemente de linie.

Acestea sunt principalele caracteristici ale elementelor bloc. Înțelegerea lor ne permite să rezolve multe probleme care apar în aspectul site-ului. Așa că le uităm cu atenție din nou, puteți salva o mulțime de timp în viitor.