importanță

Designul fără mese este ceea ce majoritatea paginilor web au. Aceasta înseamnă că majoritatea dezvoltatorilor aderă la clasele CSS pentru a proiecta imagini și text pe o pagină. Anterior, tabelele cu celule, rânduri și coloane au controlat apariția unei pagini Web. Cu toate acestea, cu un design fără mese, aspectul este conținut într-un container "div". Un container div vă permite să plasați secțiuni ale paginii în diferite zone ale codului HTML și controlează diferitele secțiuni ale paginii dvs., fără a afecta alte zone.

Formatul vertical

Proprietatea "valign" este tag-ul liniei interne HTML care controlează poziția verticală a unui obiect conținut. De exemplu: dacă aveți un container div care are o înălțime de 50 de pixeli, setarea "valign" pe "mijloc" plasează conținutul cu 25 de pixeli în jos din partea de sus a containerului. Chiar dacă mutați containerul div într-o altă locație, acesta va rămâne centralizat vertical.

Clasele CSS

Frunzele în stil cascadă vă permit să configurați clasele de proiectare, astfel încât să puteți conecta elementele HTML la o clasă fără a trebui să tastați manual stilul fiecărui element. Următorul este un exemplu de clasă CSS care aliniază vertical elementele:

div {

vertical-aliniere: mijloc; }

Această clasă aliniază vertical conținutul în mijlocul divului numit "div".

consideraţii

Designul CSS necesită timp și practică. Dacă alinierea este suprascrisă pentru div, puteți distruge aspectul restului paginii. Trebuie să deschideți pagina HTML cu clasele asociate CSS în fiecare browser comun, cum ar fi Firefox, Chrome și Internet Explorer, pentru a vă asigura că proiectul funcționează corect în browserele cititorilor dvs.