Stiluri Layere Documentatia pt Stiluri http www w

  • Slides: 11
Download presentation
Stiluri, Layer-e

Stiluri, Layer-e

Documentatia pt. Stiluri http: //www. w 3. org/TR/REC-CSS 2

Documentatia pt. Stiluri http: //www. w 3. org/TR/REC-CSS 2

Layer-e Un strat reprezinta un bloc de elemente HTML • Intr-o pagina pot fi

Layer-e Un strat reprezinta un bloc de elemente HTML • Intr-o pagina pot fi definite oricate straturi • Straturile pot fi suprapuse partial sau total • Straturile pot fi transparente sau opace • Straturile pot fi plasate cu precizie intr-o pagina si pot avea dimensiuni exacte • Straturile pot fi imbricate unul in altul

Layer-e: Sintaxa • CSS • LAYER

Layer-e: Sintaxa • CSS • LAYER

Layer-e: Definirea • Se definesc proprietatile stratului cu ajutorul unui stil • Continutul stratului

Layer-e: Definirea • Se definesc proprietatile stratului cu ajutorul unui stil • Continutul stratului se introduce cu tagurile: <div class=“nume_stil”> … </div> <span class=“nume_stil”> … </span>

Layer-e: Pozitionarea Atributele: • position cu valorile: - absolute (nu se rezerva spatiu) -

Layer-e: Pozitionarea Atributele: • position cu valorile: - absolute (nu se rezerva spatiu) - relative (se rezerva spatiu) - static • top si left cu valori procente sau nr. intregi urmate de unitatea de masura (default px)

Layer-e: Dimensionarea Atributele: • width, height Valori: • Nr. intregi urmate de unitatea de

Layer-e: Dimensionarea Atributele: • width, height Valori: • Nr. intregi urmate de unitatea de masura (px, pt, mm) • Procente din dimensiunea parintelui • Auto

Layer-e: Vizibilitatea (1) Atributul visibility cu valorile: • visible • hiddden • inherit

Layer-e: Vizibilitatea (1) Atributul visibility cu valorile: • visible • hiddden • inherit

Layer-e: Vizibilitatea (2) Atributul clip cu valorile: • rect(top, right, bottom, left) • rect(right,

Layer-e: Vizibilitatea (2) Atributul clip cu valorile: • rect(top, right, bottom, left) • rect(right, bootom)

Layer-e: Stiva Straturile sunt puse intr-o stiva in ordinea in care au fost introduse

Layer-e: Stiva Straturile sunt puse intr-o stiva in ordinea in care au fost introduse in pagina Aceasta ordine poate fi modificata cu atributul z-index

Layer-e: Alte aspecte • Pot avea multe atribute • Pot fi definite in-line <div

Layer-e: Alte aspecte • Pot avea multe atribute • Pot fi definite in-line <div style=“…”> • Pot avea continutul intr-un fisier extern include-source: url(x. html);