elemente de mascare css și elemente de bloc inferioare

Block și elemente inferioare

Cele mai multe dintre elementele din CSS sunt clasificate ca bloc (bloc) sau mici (inline), și afectează modul în care aceste elemente sunt afișate în mod implicit pe o pagină web.

Înțelegerea principiului de funcționare a proprietății de afișare este foarte important, deoarece explică de ce unele proprietati CSS va lucra cu un element și nu va funcționa cu o alta. Cunoașterea valorilor implicite ale blocului sau inline înseamnă că puteți schimba această valoare după cum este necesar.

elemente inline

Elementul stabilit ca o linie, se va ocupa numai cantitatea necesară de spațiu pe o pagină web, în ​​plus față de această următoarele elemente:

  • ignora indentare superioară și exterioară inferioară, în cazul în care se aplică
  • ignora înălțime și lățime proprietățile
  • Ele pot fi aliniate cu proprietatea verticală Alinierii

Element de linie se poate face prin blocul dacă setați valoarea proprietății de afișare sau în cazul în care blocul pentru a face elementul flotant. Elementele flotante sunt blocați în mod automat, adică, este posibil să se ajusteze dimensiunea elementului și setați marginile exterioare.

elemente de nivel bloc

Elemente bloc începe întotdeauna pe o linie nouă, ocupă întreaga lățime disponibilă, în cazul în care lățimea elementului nu a fost instalat. În plus, elementele de nivel bloc:

  • poate avea padding internă și externă
  • întins în înălțime prin conținutul său
  • nu alinia proprietatea vertical-align

Elemente rând bloc

Element de cartografiere Rând bloc valoare specificată în linie-bloc. Practic, este o modalitate de a face elemente, în linie, dar păstrați-l opțiuni „bloc“: schimba înălțimea și lățimea elementului, reglarea dimensiunii capitonarea externe și interne.

Notă: Valoarea inline-bloc nu este acceptat în IE7 și versiunile anterioare.

ascunderea elementelor

În CSS, este posibil să se ascundă temporar sau permanent unele elemente din pagina web. Este demn de remarcat faptul că elementele ascunse nu vor apărea numai pe o pagină web, dar ele pot fi vizualizate în codul sursă HTML-document. Pentru a ascunde sau a afișa utilizat cu o valoare niciuna proprietate sau a proprietății de vizibilitate a valorii ascunse:

  • display: none; - browser-ul indicator element de acoperire prin îndepărtarea lui din elementele de debitul total. În acest caz, elementul situat în aval a elementului ascuns să se deplaseze în sus, având loc element ascuns.
  • vizibilitate: ascunse; - o indicație a browser-ului pentru a ascunde elementul rezervat pentru el un loc pe pagina web. În acest caz, browser-ul ascunde doar elementul fără a scoate-l din fluxul general, astfel încât localizarea elementului ascuns va fi un spațiu gol care se potrivește cu dimensiunea de dimensiunea elementului ascuns.
încercați acum »