strat sau nivel de concept a fost dezvoltat și introdus mai întâi de Netscape. etichetele Ei au fost similare în multe privințe și . Cu toate acestea, cu timpul pentru a le înlocui și înlocuit aproape complet soluția originală de la Microsoft. Sa sugerat că blocurile individuale de text, o etichetă <SPAN> sau <DIV> ca straturi prin aranjarea gestiona folosind proprietățile lor.</p><p>Utilizați straturi pentru a crea o pagină pe o aparență de spațiu tridimensional, dar, de fapt, este doar straturi plane, cu o ordine prestabilită de suprapunere, ca și în pachetul de cărți. Cu ajutorul foi de stil CSS, putem seta diverse proprietăți ale straturilor și poziția lor. Acest lucru deschide multe oportunități -master web, vă permite să creați mai multe pagini, cum ar fi imprimare și permite, în cele mai multe cazuri, de a refuza utilizarea nedorită a tabelelor pentru conținutul de poziționare.</p> <ul> <li>poziționare absolută</li> <li>poziționare orizontală</li> <li>poziționare verticală</li> <li>Reglarea înălțimii stratului</li> <li>Lățimea stratului țintă</li> <li>Poziționarea în profunzime</li> <li>vizibilitatea de control</li> <li>Conceptul de transparență stratului</li> <li>acoperire</li> <li>Exemple cu straturi</li> </ul> <h3>poziționare absolută</h3> Ca orice alte bunuri, proprietate Poziția este setată folosind foi de stil CSS.<br> Sintaxa: absolută><br> Se poate lua următoarele valori:</p> <ul> <li>poziție: absolută înseamnă că stratul va fi poziționat în raport cu colțul din stânga sus al paginii.</li> <li>poziție: mijloace relative că stratul va fi poziționat în raport cu punctul în care acesta este textul sursă, adică în raport cu elementul anterior.</li> <li>poziție: static înseamnă că poziționarea stratului va apărea pe fundal.</li> </ul> <h3>poziționare orizontală</h3> <p>Poziționarea este setată proprietatea pe orizontală la stânga. prin setarea indentare pe sus axa din stânga colț X a stratului în raport cu punctul de referință, care este determinată de poziția proprietății<br> Sintaxa: Valoarea><br> Acesta este dat de:</p> <h3>poziționare verticală</h3> <p>Clasament proprietate vertical dat de sus. atribut permite setarea coordonata Y din colțul din stânga sus al stratului în raport cu un punct de referință care este determinată de poziția proprietății<br> Sintaxa: Valoarea><br> Acesta este dat de:</p> <h3>Reglarea înălțimii stratului</h3> înălțime. această caracteristică vă permite să setați înălțimea stratului în fereastra browser-ului:<br> Sintaxa: Valoarea><br> Acesta este dat de:</p> <h3>Lățimea stratului țintă</h3> <p>lățime. această caracteristică vă permite să setați lățimea ferestrei browser-ului:<br> Sintaxa: Valoarea><br> Acesta este dat de:</p> <h3>Poziționarea în profunzime</h3> <p>z-index. această caracteristică vă permite să setați ordinea de suprapunere a straturilor unul de altul, stratul cu un indice mai mare va fi amplasat deasupra stratului cu un indice scăzut. Dacă atributul nu este definit în mod specific, browser-ul atribuie un strat cu indice mare, în care codul sursă descris mai târziu:<br> Sintaxa: 2></p> <h3>vizibilitatea de control</h3> <p>vizibilitate. această caracteristică vă permite să setați vizibilitatea stratului, dându-i una din valorile:<br> Sintaxa: moștenesc></p> <p>afișare. această caracteristică vă permite să setați vizibilitatea stratului, vizual diferit de vizibilitatea pe care se schimbă straturile anterioare și ulterioare, împreună:<br> Sintaxa: none></p> <p>În ciuda similitudinii aparentă a proprietăților vizibilitatea stratului și de afișare funcționează în mod diferit.<br> Exemplu: | curat | a pus | sau | acoperi | arată | strat</p> <p>preaplin. această caracteristică vă permite să specificați modul în care arată textul, debordant limitele stratului, dându-i una din valorile:<br> Sintaxa: none></p> <h3>Conceptul de transparență stratului</h3> <p>Deoarece fibra reprezintă de fapt blocul de conținut inclus în etichetele <SPAN> sau <DIV>. ceva cu foile de stil CSS, îl puteți formata cu oricare dintre metodele disponibile: aplica un filtru, selectați o culoare de fundal sau o imagine, setați stiluri incluse tag-uri. Apoi, în cazul în care stratul nu are o culoare de fundal sau o imagine, putem vedea prin ea conținutul stratului pe care este poziționat, astfel se poate realiza prin introducerea de imagine .gif. care una dintre culorile transparente. Folosind această caracteristică, puteți obține cu ușurință efecte interesante, care sunt inaccesibile prin alte mijloace care îmbunătățește aspectul general și percepția estetică a conținutului.</p> <h3>acoperire</h3> <p>Una dintre cele mai interesante modalități de proprietăți de aplicare a stratului, este manipularea simultană a poziționării imediat la două straturi sau mai mult. Prin setarea proprietăților fiecărui strat în poziție valoare absolută și variația proprietăților de valoare din stânga. top. înălțime. lățime, și z-index, obținem un interesant straturi efect de suprapunere una peste alta, suprapunerea parțială sau totală a conținutului.</p> <h3>Exemple cu straturi</h3> <p>Impunerea stratului transparent, efectul de umbră</p> <p>Poziționarea fără tabele</p> <p>Decorarea paginii</p> <p><html><br> <head><br> <style type=»text/css»><br> corp <br> .d1 <position: absolute;<br> font-size: 1000%;<br> Culoare: #ffccff;<br> top: 10%;<br> stânga: 10%;<br> lățime: 70%;><br> .d2 <position: absolute;<br> font-size: 450%;<br> Culoare: #ccffff;<br> top: 150;<br> stânga: 20%;<br> lățime: 60%;><br> .d3 <position: absolute;<br> font-size: 100%;<br> Culoare: bleumarin;<br> top: 10%;<br> stânga: 25%;<br> lățime: 35%;><br> b <font-size: 100%; color: #0088bb><br> eu <br> </style><br> </head><br> <body><br> <div class=»d1″>HTML</div><br> <div class=»d2″>manual</div><br> <div class=»d3″><br> <p> <b>tutorial HTML</b> și <b>CSS</b> va ajuta utilizatorul novice, pas cu pas, de la început până la sfârșit pentru a crea propria pagina pe Internet, <b>WEB-nod</b> sau versiunea lor locale pe <b>CD</b>, și, de asemenea, poate servi ca <b>on-line</b> referință pentru cele mai avansate <i>zona membrilor</i>.<br> Nu așteptați pentru site-ul absolut cantitate exhaustivă de informații, cu toate acestea,<br> el va <b>regulat</b> Materialele au fost actualizate și completate.<br> </p><br> </div><br> </body><br> </html></p> <h4>articole similare</h4> <ul> <li> <p><a href="/revista-31/straturile-din-photoshop.html">Straturile din Photoshop</a></p> </li> <li> <p><a href="/revista-31/configuratia-electronica-a-stratului-exterior-de.html">Configurația electronică a stratului exterior de electroni</a></p> </li> <li> <p><a href="/revista-31/perii-in-miscare-lectii-strat.html">perii în mișcare lecții strat</a></p> </li> </ul> <div class="vnizine"><p style="text-align: left;"><a href="/revista-31/produse-cosmetice-sigure.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/revista-31/pulbere-cu-efect-de-secrete-de-vara-arsuri-solare.html">Pagina următoare</a></p> </div> </article> </div> </div> </div> </div><footer class="akatita-footer clearfix"> <div class="akatita-content-layout layout-item-0"> <div class="akatita-content-layout-row"> <div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Articole aleatoare</p> <br> <ul> <li><a href="/utilizator-175/freestyle-dansul-unui-caine-si-al-unui-barbat.html">Freestyle - dansul unui câine și al unui bărbat - zoointeresnosti - articole utile - adăpost pentru cei fără adăpost</a></li> <li><a href="/utilizator-215/zgomote-misterioase-din-intreaga-lume.html">Zgomote misterioase din întreaga lume</a></li> <li><a href="/utilizator-124/ghid-pentru-cizme-de-munte-alpindustriya.html">Ghid pentru cizme de munte, alpindustriya</a></li> <li><a href="/utilizator-166/pronume-in-tabelul-de-limba-engleza-cu-traducere.html">Pronume în tabelul de limbă engleză cu traducere, exemple pentru copii</a></li> <li><a href="/utilizator-170/iptv-firmware-pentru-receptoare.html">Iptv, firmware pentru receptoare</a></li> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">locație</p> <br> <ul> <li><a href="/locul-pe-harta.html">Suntem pe hartă</a></li> <li><a href="/adresa.html">Adresa</a></li> </ul> <ol> <li><a href="/sitemap/sitemap393.html">sitemap</a></li> <li><a href="/sitemap/sitemap708.html">sitemap</a></li> <li><a href="/sitemap/sitemap799.html">sitemap</a></li> <li><a href="/sitemap/sitemap872.html">sitemap</a></li> <li><a href="/sitemap/sitemap1066.html">sitemap</a></li> </ol> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Mai multe despre noi</p> <br> <ul> <li><a href="/contactati-ne.html">Contactați-ne</a></li> <li><a href="/despre-site.html">Despre site</a></li></ul> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 40%"> <p style="text-align:right;"><a href="#"></a>Drepturi de autor © 2025. Toate drepturile rezervate.</p><br> <p style="text-align: right;"> <script> new Image().src = "https://counter.yadro.ru/hit;adolfru?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script> </p> </div> </div> </div> </footer> </div> </div></body> </html>
