tag-ul div

anterior ◈ următoarea

Studiind element al blocului - tag

Poate părea un pic dificil, dar este la prima vedere. Practic, nici unul dintre site-ul nu este creat fără utilizarea de blocuri
, cel puțin este inserat imaginea cu ea, cu toate că există și alte modalități, dar acest lucru este cel mai versatil. Un aspect de pagină pentru a face codul de utilizare mai ușor de citit și versatil de blocuri de date. Puteți construi un site web în tabele complete. Aceasta tehnica, de asemenea, este utilizat în mod constant, dar mai multe unități de site necesită proprietăți personale, și folosind blocuri
- puteți obține condițiile cele mai confortabile pentru afișarea conținutului.







Ce este div în PHP

Îngropa in notiunile de baza ale studiului proprietăților blocului

în acest articol nu voi, și arată unele dintre momentele care ar fi cele mai utile pentru aspectul site-ul dvs. - trebuie sa. De asemenea, puteți vizualiza și descărca un exemplu de site creat pe blocuri
. care este descris într-un alt articol.

Exemple de blocuri folosind

Exemplul 1: Blocurile sunt formate în așa fel -

umplere
- tag-ul de închidere
- obligatorie. Principalul lucru este să nu se piardă în formarea de blocuri, deoarece tag-ul suplimentar poate „rupe“, pagina, și puteți căuta-o pentru o lungă perioadă de timp. Din acest motiv, fiecare unitate ar trebui să fie numit în proprietățile necesare pentru a introduce numele și rândul său, apoi, după un timp, atunci când editați, acesta va fi ușor să se schimbe ceva.

Exemplul 2 fără utilizarea de proprietăți, unități cu nici un rezultat. Deci, ar trebui să setați întotdeauna parametrii mărimea blocului, sau dimensiunea expansiune este setată automat, sub umplere. În exemplul dat înălțime, lățime, și o frontieră, care este de dorit să se indice imediat blocul în sine loc vizibil, astfel încât acesta va fi mai convenabil pentru poziționarea și în continuare pot fi resetate Border (invizibile), culoarea sau pata dorită.







Exemplul 3: Unitatea poate fi poziționată oriunde pe pagină, pentru a face acest lucru trebuie să setați proprietățile poziției parametrului și să-l întrebi de identificare este, de exemplu relativă. care unitate are fluxul generală (unul după altul).

EXEMPLUL 4: Blocuri la

nu se potrivește cu fiecare parametru altul, float trebuie să fie specificate: nici unul;. care interzice fluxul din jurul blocului și celelalte blocuri sunt situate unul în spatele celuilalt. Și dacă setați parametrii de la stânga sau la dreapta - este permis să curgă pe lângă blocul din stânga sau spre dreapta.

După cum se poate observa din exemple, în cazul în care blocurile definesc stilurile direct în codul fiecărui

, codul creste si dinamica a pierdut. Doar prin schimbarea de design va trebui să fie rescrise pentru fiecare bloc în mod individual, ceea ce este foarte dificil. Din acest motiv, este creat un fișier, care este de obicei numit CSS. care este un singur fișier de stiluri pentru întregul site și este conectat la întregul site, și, prin urmare, stabilește proprietățile de stil pentru toate blocurile, și întregul șablon.

Exemplul 5: a crea o unitate cu conținut de text, care este atribuit identificatorul este id = „text“. proprietățile care vor fi descrise în fișierul CSS și aranja umplutura în mijlocul blocului, oferind proprietățile align = „centru“. Dacă fișierul CSS nu există, doar un site poate fi o singură pagină, sau trebuie să setați proprietățile numai pentru această pagină, atunci proprietățile unității trebuie să fie plasate în partea de sus a paginii, înainte de eticheta de închidere , așa cum se arată în exemplul 6.

Exemplul 7: Dacă doriți să plasați blocul în sine în centrul paginii, atunci puteți crea o unitate care ar fi o lățime de 100%, și setați-l align = „centru“ proprietate. și în interiorul acestuia există blocul

. Prin modul în care tehnica de astfel de aspecte este utilizat tot timpul, pentru că este de dorit să se familiarizeze cu practica și cu această metodă de blocuri de poziționare. De exemplu, meniul se face de obicei prin plasarea mai multor unități, una în interiorul celeilalte, iar astfel de investiții pot fi multe.

Pentru comoditate, vom defini o unitate de crestături interior, care nu a fost mai mică de 10 pixeli pe toate laturile - margin: 10px;. Se uită la estetichno drept și mai mult. De obicei, toate unitățile trebuie să setați marginile de pe toate laturile, atunci codul va fi mai ușor de citit.

poate exista ceva
blocuri Exemplul 2 aranjament div

Poate că datele vă interesează subiecte:







anterior ◈ următoarea