Aplicarea regulii clare CSS: simplă și convenabilă

Folosirea unei varietăți de dispozitive pentru afișarea informațiilor a condus la necesitatea unei reprezentări adecvate fără referire la anumite moduri, parametri și condiții de afișare.

Ideile populare din anii precedenți, blocurile tabulare, cauciucul, adaptarea (și alte opțiuni) sunt un lucru din trecut. În prezent, informațiile ar trebui pur și simplu afișate ca accesibile, calitativ și în mod egal pe orice dispozitiv.

CSS clar

Cerințe simple pentru furnizarea de informații

O persoană conduce un dialog cu cuvintele și o înțeleg. Dar el poate folosi materiale vizuale și poate clarifica ceea ce a fost spus prin gesturi, desene, termeni sau altfel accentuând atenția ascultătorului (consumatorului). Ca rezultat, el ajunge repede la obiectiv.

Site-ul este obligat să furnizeze informații într-un mod similar și nu ar trebui să existe cerințe suplimentare pentru codificare la nivel de HTML, CSS, jаvascript sau PHP, în special. Rezultatul ar trebui să atingă obiectivul și să fie furnizat atât pe un computer personal cât și pe orice alt dispozitiv mobil sau staționar.

CSS șterge ambele

Limbile de limbaj hipertext sunt utilizate nu numai de browsere, ci și de alte instrumente. Furnizarea de informații ar trebui să elimine toate diferențele care există.

Instrumente furnizate de CSS

Nu intotdeauna mergeti adanc in HTML sau CSS pentru a obtine efectul dorit. Destul de des este de folosit mijloace simple, dar eficiente. Costurile minime în orice afacere reprezintă o caracteristică caracteristică a codării moderne a informațiilor pentru afișarea corectă a acestora.

În particular, regulile fluctuante și clare pot fi aplicate în etichetele HTML și în descrierile CSS și nu vor necesita costuri suplimentare, iar efectul va fi adecvat. Norma clară CSS, atunci când este utilizată într-un element, îi permite să se potrivească corect, indiferent de dimensiunea zonei de afișare și de dispozitivul pe care este pornit. clare css descriere



CSS nu diferă în sofisticarea modelelor și se străduiește să maximizeze simplitatea. Folosind float: stânga sau plutitoare: chiar în element, îl puteți apăsa în ambele părți ale casetei din jurul acesteia și următorul element cu regula CSS este clar: ambele - plasați informațiile în jur.

Cum se utilizează CSS clar

Există trei valori posibile pentru această regulă:

  • stânga - nu înfășurați pe stânga;
  • dreapta - nu înfășurați în dreapta;
  • ambele - nu înfășurați pe ambele părți.

De asemenea, puteți utiliza valorile none și mosteniți pentru regula CSS clare, care este în esență aceeași cu funcția pe care o prezentați: elementul (elementele) anterioare nu vor fi înfășurate în jurul stângii, dreptei sau ambelor părți. Acesta este de fapt un feed de linie. Toate elementele următoare vor fi incluse în următorul bloc de informații. Ce informații vor fi afișate înainte ca elementul să fie clar cu regula CSS - definește dezvoltatorul. Elementele cu poziționare absolută se formează pe pagină într-un loc stabilit de proprietățile lor.

De fapt, regula clară CSS vă permite să structurați (grupați) elemente de informare. Dispozitivul afișează informațiile printr-un fir comun, iar atunci când găsește o regulă clară într-un anumit element, își afișează conținutul în consecință.

Dezvoltarea CSS

Practica aplicării

Așa cum sa întâmplat de obicei în alte tehnologii, structura descrisă a trecut prin multe etape și în cele din urmă a fost împărțită în două mari categorii:

  • posibilitatea de a face frumos și eficient (dar poate pentru o lungă perioadă de timp);
  • rapid și accesibil.

Fiecare dezvoltator interpretează ceea ce a spus în felul său. Unii au rămas valabili terminologiei "aspect adaptiv". Alții spun că fac site-uri de cauciuc. Totuși, alții conving clientul de necesitatea blocării sau a aspectului mesei ... Nu este important cum să denumiți procesul, instrumentul sau altă metodă de realizare a rezultatului.

Întotdeauna numai timpul de dezvoltare și rezultatul lucrării sunt importante. În primul caz, utilizarea unor reguli clare CSS este puțin probabil să fie semnificative, precum și pluti în general, vor dispărea ca inutile. Generarea de pagină pentru a posta informații și să ia în considerare caracteristicile diferitelor dispozitive este un algoritm complicat în jаvascript sau o combinație de stiluri CSS care sunt strâns legate de HTML Divas.

În al doilea caz, datorită regulilor plutitoare și clare, descrierea CSS vă permite să generați pur și simplu un flux de elemente de pagină. Un rezultat acceptabil va fi obținut rapid și eficient.

Distribuiți pe rețelele sociale:

înrudit
jаvascript: exemple de aplicațiijаvascript: exemple de aplicații
jаvascript: caseta comutator - selectați opțiunilejаvascript: caseta comutator - selectați opțiunile
jаvascript Array pentru a stoca un număr nelimitat de variabilejаvascript Array pentru a stoca un număr nelimitat de variabile
Adaptarea site-ului pentru dispozitive mobile: instrucțiuni pas-cu-pas. Versiunea site-ului mobilAdaptarea site-ului pentru dispozitive mobile: instrucțiuni pas-cu-pas. Versiunea site-ului mobil
Matematică din jаvascript MathMatematică din jаvascript Math
Stack-ul / pop-ul jаvascript StackStack-ul / pop-ul jаvascript Stack
Funcția de gestionare a timpului jаvascript setInterval ()Funcția de gestionare a timpului jаvascript setInterval ()
Folosind indexOf (jаvascript) atunci când lucrați cu matrice și șiruri de caractereFolosind indexOf (jаvascript) atunci când lucrați cu matrice și șiruri de caractere
Operațiuni eficiente la nivel de linie utilizând metoda split jаvascriptOperațiuni eficiente la nivel de linie utilizând metoda split jаvascript
jаvascript expresiv: descrierea caracteristicilorjаvascript expresiv: descrierea caracteristicilor
» » Aplicarea regulii clare CSS: simplă și convenabilă