rétegek css előző ◈ a következő réteg vagy szint koncepció kidolgozását és először a Netscape. ezek címkék Ők sok tekintetben hasonló és . Azonban ki kell cserélni őket, és ez szinte teljesen kiszorították az eredeti megoldás a Microsoft. Azt javasolták, hogy néhány blokk a szöveg, a címkék <SPAN> vagy <DIV> rétegekként rendezve kezelni segítségével azok tulajdonságait.</p><p>Rétegek használatával hozzon létre egy oldalt a látszatát háromdimenziós tér, de valójában ez csak lapos réteg egy előre meghatározott sorrendben átfedés, mint a paklit. Segítségével a CSS stíluslapok, tudjuk meg a különböző tulajdonságok rétegek és helyezze el őket. Ez megnyitja számos lehetőséget -Master web, lehetővé teszi, hogy az oldalakat, mint a nyomtatás, és lehetővé teszi a legtöbb esetben, hogy megtagadja a nem kívánt táblázatok használata helymeghatározás tartalmat.</p> <ul> <li>abszolút pozicionálás</li> <li>vízszintes pozicionálás</li> <li>függőleges elhelyezéséhez</li> <li>Beállítása rétegmagasság</li> <li>Cél réteg szélessége</li> <li>Positioning mélységben</li> <li>Ellenőrző láthatóság</li> <li>Az átláthatóság réteg</li> <li>borítás</li> <li>Példák rétegekkel</li> </ul> <h3>abszolút pozicionálás</h3> Mint minden más tulajdonság, pozíció tulajdonság a CSS stíluslapok.<br> Syntax: abszolút><br> Meg lehet venni a következő értékeket:</p> <ul> <li>pozíció: abszolút azt jelenti, hogy a réteg lesz elhelyezve képest a bal felső sarokban az oldal.</li> <li>helyzet: a relatív azt jelenti, hogy a réteg lesz elhelyezve képest a pontig, ahol a forrás szöveget, vagyis képest az előző elem.</li> <li>összesen: statikus azt jelenti, hogy a helymeghatározás a réteg fog bekövetkezni a háttérben.</li> </ul> <h3>vízszintes pozicionálás</h3> <p>A pozicionálás vízszintesen balra tulajdon. beállításával a bemélyedést a bal felső sarokban az X tengely a réteg képest a hivatkozási pont, ami által meghatározott az ingatlan Pozíció<br> Syntax: érték><br> Ez adja meg:</p> <h3>függőleges elhelyezéséhez</h3> <p>Ranglista függőlegesen top adott tulajdonság. attribútum lehetővé teszi, hogy meghatározott Y koordinátája a bal felső sarokban a réteg képest egy referenciapontot, amely határozza meg az ingatlan Pozíció<br> Syntax: érték><br> Ez adja meg:</p> <h3>Beállítása rétegmagasság</h3> magasságot. ez a funkció lehetővé teszi, hogy a magassága a réteg a böngésző ablakban:<br> Syntax: érték><br> Ez adja meg:</p> <h3>Cél réteg szélessége</h3> <p>szélessége. ez a funkció lehetővé teszi, hogy a szélessége a böngészőablakban:<br> Syntax: érték><br> Ez adja meg:</p> <h3>Positioning mélységben</h3> <p>z-index. ez a funkció lehetővé teszi, hogy a sorrendben átfedő rétegek egymáshoz, a réteg a nagyobb index lesz található réteg fölött alacsony index. Ha az attribútum nem definiáljuk, akkor a böngésző hozzárendel egy nagy index réteg, amelyben a forráskód később leírt:<br> Syntax: 2></p> <h3>Ellenőrző láthatóság</h3> <p>láthatóságát. ez a funkció lehetővé teszi, hogy a láthatóságát a réteg, így ez az egyik érték:<br> Syntax: öröklik></p> <p>kijelzőn. ez a funkció lehetővé teszi, hogy egy réteg láthatóságát, vizuálisan különbözik a láthatóság eltolja a korábbi és a későbbi rétegek együtt:<br> Syntax: none></p> <p>Annak ellenére, hogy a látszólagos hasonlósága a tulajdonságait a réteg láthatóságát és a kijelző másképp működnek.<br> Példa: | tiszta | fel | vagy | fedezésére | mutatnak | réteg</p> <p>túlcsordulás. ez a funkció lehetővé teszi, hogy meghatározza, hogy a szöveg úgy néz ki, túlcsorduló a határait a réteg, így ez az egyik érték:<br> Syntax: none></p> <h3>Az átláthatóság réteg</h3> <p>Mivel a szál valóban képviseli a tartalmi blokk közé zárt címkéket <SPAN> vagy <DIV>. valami CSS stíluslapok segítségével formázza azt meg a rendelkezésre álló módszerek: szűrőt alkalmaz, válasszon egy háttérszínt vagy kép, meg a stílus tartalmazza címkéket. Ezután, ha a réteg nem rendelkezik a háttér színét vagy kép, látjuk rajta a tartalom a réteg, amely úgy van elhelyezve, így lehet elérni behelyezésével GIF képet. amely az egyik szín átlátszó. Ezen funkció segítségével könnyedén biztosítható érdekes hatásokat, amelyek megközelíthetetlen más módon, amely javítja az általános megjelenése és esztétikai felfogása tartalmat.</p> <h3>borítás</h3> <p>Az egyik legérdekesebb módja alkalmazása a réteg tulajdonságait, az egyidejű manipuláció elhelyezése azonnal két réteg, vagy több. Azáltal, hogy az ingatlan az egyes rétegek álláspont abszolút érték és a változó értékét balra tulajdonságait. tetején. magasságot. szélessége, és a z-index, megkapjuk egy érdekes hatást overlay réteg tetején minden más, a részleges vagy teljes átfedés a tartalom.</p> <h3>Példák rétegekkel</h3> <p>Kivetése az átlátszó réteg, az árnyék hatás</p> <p>Positioning nélkül asztalok</p> <p>A dekoráció az oldal</p> <p><html><br> <head><br> <style type=»text/css»><br> szerv <br> .d1 <position: absolute;<br> font-size: 1000%;<br> szín: #ffccff;<br> top: 10%;<br> bal: 10%;<br> szélesség: 70%;><br> .d2 <position: absolute;<br> font-size: 450%;<br> szín: #ccffff;<br> top: 150;<br> bal: 20%;<br> szélesség: 60%;><br> .d3 <position: absolute;<br> font-size: 100%;<br> szín: sötétkék;<br> top: 10%;<br> bal: 25%;<br> szélessége: 35%;><br> b <font-size: 100%; color: #0088bb><br> én <br> </style><br> </head><br> <body><br> <div class=»d1″>HTML</div><br> <div class=»d2″>tankönyv</div><br> <div class=»d3″><br> <p>az <b>HTML bemutató</b> és <b>CSS</b> segít a kezdő felhasználók, lépésről lépésre, az elejétől a végéig, hogy saját oldal az interneten, <b>WEB-csomópont</b> vagy a helyi verzióját <b>CD</b>, és tud is szolgálhat <b>on-line</b> hivatkozás a fejlettebb <i>tagok területén</i>.<br> Ne várja meg a helyszínen teljesen kimerítő mennyiségű információ azonban<br> ő fogja <b>rendszeresen</b> frissített és kiegészített anyagok.<br> </p><br> </div><br> </body><br> </html></p> <h4>Kapcsolódó cikkek</h4> <ul> <li> <p><a href="/articles/a-retegek-a-photoshop.html">A rétegek a Photoshop</a></p> </li> <li> <p><a href="/articles/munka-retegek-photoshop-mozgassa-az-ut-az-uzleti-a.html">Munka rétegek Photoshop, mozgassa az út az üzleti, a számítógép</a></p> </li> <li> <p><a href="/articles/sult-zoldsegek-retegek-multivarka.html">Sült zöldségek rétegek multivarka</a></p> </li> </ul> </div> <div class="extra"> <div class="info"><a href="/articles/a-munkalatok-nosova-nikolaya.html">előző</a> ◈ <a href="/articles/prosztatagyulladas-es-az-alkohol.html">a következő</a></div> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> <div class="copyright"> <h4>Hasznos cikkek</h4> <p> <li><a href="/szakerto-184/hogyan-lehet-a-szocialis-halozati-oldalak.html">Hogyan lehet a szociális hálózati oldalak VKontakte és osztálytársak</a></li> <li><a href="/szakerto-126/micellaris-oldat-vichy-smink-lemoso-a-kozmetikai.html">Micelláris oldat Vichy smink lemosó - a kozmetikai vélemények</a></li> <li><a href="/szakerto-209/kuban-24-novorossiyskben-bezarjak-az-egyetlen.html">Kuban 24 - Novorossiyskben bezárják az egyetlen autójavító üzletet Oroszország déli részén</a></li> <li><a href="/szakerto-147/az-elonyok-a-termeszetes-kozmetikumok.html">Az előnyök a természetes kozmetikumok</a></li> <li><a href="/szakerto-182/octavia-klub.html">octavia klub</a></li> <li><a href="/articles/autokolcsonzes-eskuvore-feher-mercedes-benz-e.html">Autókölcsönzés esküvőre fehér Mercedes-Benz E-klass</a></li> <li><a href="/szakerto-171/a-telepltes-sorrendje-tetofedo-lemezek-nulin.html">A telepítés sorrendje tetőfedő lemezek Nulin (nuline)</a></li> </p> <p>Copyright © 2024</p> </div> <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> </footer></div> </body> </html>
