Elemente bloc de pagini web, liber-site-ul de master

Elemente bloc de pagini web, liber-site-ul de master

Mulți webmasteri novice este foarte greu de înțeles structura unui document HTML. Și anume să înțeleagă - ce elemente de pagină este cum să combine aceste elemente și proprietăți care sprijină acest lucru sau acel element.

De fapt, nu este nimic extraordinar aici, și totul este mult mai ușor decât pare. Trebuie doar să știi ce tip de un anumit element de pagini web.

Există două tipuri principale de elemente ale paginii: la nivel de bloc și inferior. Fiecare dintre ele are propriile sale proprietăți.

Și acum, ne vom ocupa, care au nevoie de elemente de nivel bloc, ce calități le posedă și cum să le folosească cel mai eficient crearea de structuri de cod HTML pagina web.

1. Ce fel de elemente de nivel bloc astfel?

elemente ale blocului de pagini HTML au forma unui dreptunghi. In interiorul blocului elemente pot conține și alte elemente (bloc și litere mici).

Pentru a bloca elemente includ etichete.

,
,
,
,
,

.

,
,
    ,

    ,

    , , 
      . Lista completa a elementelor bloc pot fi găsite aici.

      Vezi caracteristicile și proprietățile lor, puteți în directorul HTML. Trebuie doar să copiați eticheta în caseta de căutare din partea stângă a paginii.

      Pentru elementele bloc caracterizate prin următoarele caracteristici.

        • Blocurile sunt dispuse vertical, una sub alta. următor trebuie să utilizați proprietatea css float pentru a se potrivi unităților.
        • Pe laturile adiacente ale elementelor care acționează efect de colaps indentare. Asta este, în cazul în care cele două elemente bloc sunt aranjate una lângă alta și sunt crestate printr-o atingere, marjele nu sunt cumulative și doar una operează (oricare este mai mare).
        • Nu introduceți un element de bloc în interiorul liniei. De exemplu, mențiunea:

      Această intrare este greșit tag-uri, dreptul de a pune dimpotrivă:

      • În conformitate cu lățimea elementelor de bloc să ia tot spațiul permis.
      • Când setați lățimea conținutului (proprietate lățime), lățimea blocului este format din valorile de lățime, marja, de frontieră, padding, la stânga și la dreapta.
      • Înălțimea piesei blocului se calculează prin browser-ul automat, pe baza conținutului bloc.
      • Când setați înălțimea conținutului (proprietate înălțime), înălțimea blocului este format din înălțime, marja, frontiera, partea de sus și de jos padding. În cazul în care depășește înălțimea conținutului menționat este afișat în partea de sus a blocului.
      • La elementele de bloc care nu acționează proprietăți destinate elementelor de linie, cum ar fi vertical-align.
      • Textul implicit este aliniat la stânga.

      Acum, când creați o structură de pagini web HTML este utilizat pe scară largă aspect de bloc. Este foarte convenabil, deoarece blocurile pot fi imbricate.

      Cu toate acestea, nu toate etichetele bloc pot fi încorporate în ele, astfel încât atunci când creați structura de tag-ul HTML este cel mai des folosit

      - putere universală. etichetă
      a permis să investească în ele, și este posibil să se pună orice alt bloc și elementele inferioare ale paginii. Acest lucru poate fi comparat cu zidăria. Blocuri - blocuri de construcție din care construim site-ul nostru.

      Elemente bloc de pagini web, liber-site-ul de master

      2. Proprietățile de bază css elemente ale blocului.

      Pentru elementele de nivel bloc sunt cele mai frecvent utilizate următoarele proprietăți CSS:

      • lățimea - lățimea conținutului.
      • înălțime - înălțimea conținutului.
      • marjă - umplutură externă.
      • padding - umplutură (câmp).
      • de frontieră - frontiera.
      • fundal - fundal.
      • float - folie de text.

      Cum de a le folosi, poti sa te uiti in directorul CSS. Copiați numele proprietății în caseta de căutare din partea stângă a paginii.

      3. Realizarea blocului elementului de membru proprietăți linie.

      Uneori, există cazuri în care caracteristicile unui anumit tip de elemente nu este suficientă. Cum ar fi galerii foto, care includ o imagine cu semnătura acestuia.

      Elemente bloc de pagini web, liber-site-ul de master

      Să presupunem că avem o astfel de galerie de imagini, și ar trebui să fie construit pe orizontală, luând toată lățimea disponibile, precum și cu o scădere a browser-secțiunile fereastră ar trebui să se mute la un alt rând.

      Dacă utilizați o etichetă pentru formarea acestor secțiuni

      , ea (ca element de bloc) va începe de fiecare dată când o nouă linie. Și pentru elementele rând pe care nu se poate seta culoarea de fundal a întregii secțiuni, și setați dimensiunea.

      Cele mai populare soluție în astfel de cazuri - este de a utiliza proprietăți css float, pe care o considerăm un pic mai târziu, când vom studia un aspect de bloc.

      Între timp, se concentreze pe elemente de linie de bloc. care combină avantajele și carcasa inferioară și elementele blocului.

      În nici un tag HTML care se referă la elementele de linie de bloc, dar poate fi definită prin setarea proprietății de afișare element de css setat la inline-bloc.

      Caracteristicile acestor elemente includ:

      • În interiorul elementelor de linie de bloc puteți plasa text, elemente mici sau la nivel de bloc.
      • Înălțimea elementului se calculează pe baza conținutului blocului.
      • Lățimea elementului de conținut este valoarea plus umplutură, margini și frontiere.
      • Mai multe elemente consecutive dispuse într-un rând și transportat la o altă linie, dacă este necesar. Doar ceea ce avem nevoie.
      • Puteți fi aliniate vertical cu proprietatea verticală Alinierii.
      • Puteți seta lățimea și înălțimea.
      • Nici un efect al prăbușirii amprentei.

      Pe aceasta voi încheia. Sper că informațiile ați primit astăzi, vă va aduce o mulțime de beneficii în viitor. În următorul articol vă va învăța să inline elemente.

      actualizări blog:

      Nu ați citit.