Cum se instalează cellpading și cellspacing pentru masa din css, el însuși un dezvoltator web

Dragi prieteni, nimic nu stă încă. Anterior, aceasta nu este prea evident, dar cu sprijinul incetare modele mai vechi trebuie să se mute chiar și conservatorii. Din punctul meu de vedere, HTML5, cu orientarea sa semantică, a adus o mai mare confuzie decât certitudine. Nocivitatea acestei inovații este evidentă, dar sunt frumoase și prea multe neobișnuite, și nimic nu stă încă.







cellpadding ce

Dacă noi credem documente HTML5. apoi tag-ul de masă a pierdut multe atribute. De fapt, în tabel, există o serie de atribute globale vechi și noi, precum și altceva. Nu vă lățimea și înălțimea. de frontieră. alinia și valign, precum și cellpading și cellspacing. Toate acestea sunt transferate treptat la labele lacomi de limbaj care descrie apariția documentului, și anume, CSS. De fapt, logic și corect, dar este mult mai complicat. Dar să ne întoarcem la mesele noastre.

Unul dintre avantajele structura blocului este semantica bine de citit și flexibile ale unui document. În același timp, totul depinde de acest „popular“ cum ar fi browser-ul Internet Explorer 6, 7 și 8. Din păcate, dar Microsoft nu oferă posibilitatea de a actualiza browser-ul fără a instala patch-uri, care pot perturba acțiunea „medicament“. Desigur, nu am ce acest apel și nu pledează nimic, dar să fim realiști. Oamenii au nevoie de o nouă versiune a browser-ului Internet Explorer, fără un morman de serviciu pack la acesta. Din nou, Windows XP este atât de bun încât să nu poată fi îngropat. Nu în ultimul rând pentru că Windows 8 nu este doar un laptop va fi stapanit. Din nou, douăzeci și cinci de, toate-totul este acum pe masă.

Cum se instalează cellpading și cellspacing pentru tabelul de la CSS?

Chiar pe principală, dar în acest post voi discuta multe alte atribute, așa că merge mai departe. În special, pentru început, să ne uităm în același timp, cum să pună în aplicare acțiunea cellpading atributele și cellspacing pentru tabelul de la CSS? Doar în cazul în care, permiteți-mi să vă reamintesc

  • cellpading - definește adâncitura în interiorul unei celule de masă.
  • cellspacing - determină distanța dintre celula (interior) tabel.






Cel mai simplu mod de a atribui cellpading, deoarece avem CSS padding-proprietate, care pot fi specificate pentru elementele respective, de exemplu:

tabel lea, td de masă / * Cellpading = "5" * /

Ceva mai complicată este cazul cu cellspacing atributul. În cazul în care distanța dintre celule nu este nevoie? este suficient să se indice:

Această opțiune funcționează chiar și pe versiunile mai vechi de Internet Explorer. Dar, dacă doriți să specificați o valoare nenulă a indentare între celule, atunci există două opțiuni. Prima este de a trimite HTML5 și de a folosi atributul cellspacing, cu atât mai mult, atâta timp cât documentația este încă dopishut. Pe de altă parte, puteți trimite Internet Explorer, utilizatorii săi și de a utiliza CSS-proprietate border-spațierea. de exemplu:

După cum puteți vedea totul este destul de posibil, dar ceva trebuie să se sacrifice. Apoi, voi discuta alternative la CSS are mai multe atribute care suntem atât de obișnuiți să utilizeze tabele. Cred că nu va fi de prisos. Prinde bonus!

În mod alternativ, unele atribute în CSS

Și astfel, ceea ce avem acolo nu este de ajuns? Ei bine, pentru lățimea și înălțimea sunt atributele cu același nume, proprietățile CSS, astfel încât să puteți indica întotdeauna ceva de genul:

Apropo, ca și pentru mine, membrii cer să nu comme înălțime il faut, dar a se vedea pentru tine. Din nou, nimeni nu a abrogat atributul: stilul, ceea ce înseamnă că puteți folosi cârje și, în HTML:

Deși, de asemenea, este greșit! Ei bine, știi ce vreau să spun.

Ceva mai complicat și nu ușor de înțeles este cazul cu frontiera. Faptul că acesta din urmă, după cum știu, versiunea HTML5 a documentației încă permit existența acestui atribut. Adevărul este doar un pointer la care este, (1) sau nu (0) de frontieră. În alte specificații nu o au la fel de bine. În general, HTML5 este mai bine să se uite în direcția de CSS3. Dar principala dificultate cu proprietatea CSS border-este că se prescrie în etichetă stil tabel atribut mic, deoarece așa că cerem granița numai pentru întregul tabel, nu și pentru celulele sale. Prin urmare, vom folosi varietatea selectoare, de exemplu:

În acest caz, toate etichetele sunt descendenții td tag-ul de masă va avea o margine de 1 pixel și negru. Dacă tabelul are un tabel, și dorim să stabilească granița numai descendenții direcți, trebuie să indice în mod clar acest lucru, de exemplu:

Pierderea atributului feței de aliniere pot fi compensate cu ajutorul unei marje CSS-proprietăți (poziționarea mesei), și / sau text-align (pentru conținutul celulelor). De exemplu:

Cred că, ceva de vopsea - nu are nici un sens, și tot atât de clar. În ceea ce privește poziționarea verticală a conținutului de celule, care este CSS-proprietate vertical-align. de exemplu:

În general, cel care caută întotdeauna va găsi ... pe capul lui. Pe aceasta am totul. Este regretabil, dacă nu știi ce HTML si CSS, recomand să descărcați manuale gratuite de pe pagina „Free“. Apropo, a apărut o carte «HTML5. Ghidul pentru dezvoltatori „, de Mark Pilgrim. Vă mulțumesc pentru atenție. Mult noroc!

• Schimbare mesaj