Cascading Style Sheets
Koordináták és méretek
CSS-P meghatározza két koordináta-rendszer: a relatív és abszolút. Ez lehetővé teszi a rugalmasságot szállás elemek képest az üzemi területen, mint egy böngésző ablakot határ és egymással.
Blocks - nem elvont értelemben, amelyek nem foglalják a helyet az oldalon egy síkban. Blocks - egy téglalapot, „nagytakarítás” a környéken. Szöveg és egyéb alkatrészek az oldalt egység, már nem áll a felhasználó, így a lineáris blokk méretek létrehozása HTML-oldalak nem kevésbé fontosak, mint a koordináta egység.
abszolút koordináták
Amikor az „abszolút” koordináta hivatkozási pontot elhelyezzük a bal felső sarokban a böngésző ablakot, és az X és Y tengelyek orientált vízszintesen jobbra és lefelé függőlegesen, rendre:
Ha ebben a koordináta-rendszerben, egyes blokk elem kell helyezni a felső 10px alatt vágott böngésző munkaterület 20px jobb és jobb szélén a böngésző munkaterület, ezek leírását a következő lesz:
Az ilyen típusú rögzítési rendszer meghatározott koordinátájú attribútum helyzetben (érték - abszolút), X koordináta meghatározott attribútum balra (érték - 20 képpont), Y koordinátái egy adott attribútum felső (érték - 10px).
Attribútumok határozzák meg a bal felső sarokban, és a koordinátákat a bal felső sarokban a blokk az abszolút koordináta rendszerben.
Koordináta értékek negatív is lehet. Ahhoz, hogy távolítsa el a készüléket a megjelenített területet lineáris méreteivel 100px (magasságát) 200px (szélesség) elég otpozitsionirovat a következőképpen:
relatív koordinátákat
Ez koordináta rendszer lehetővé teszi, hogy helyezze egység az oldalon a koordinátákat fedező egységet. Az előnyök és szükség van az ilyen koordináta-rendszer nyilvánvaló. Ez lehetővé teszi, hogy fenntartsák a relatív helyzetét jelölő elemek bármilyen méretben böngésző ablakot és az alapértelmezett beállításokat.
Mint hivatkozási pont ebben a koordináta-rendszerben kiválasztott pont helyét az aktuális alapértelmezett egységet. Az X tengely így vízszintesen elmozdulnak, hogy a jobb, és az Y tengely - függőlegesen lefelé.
Annak beállításához, egy blokk koordinátáit ebben a rendszerben rekord típus használatos:
Ez a blokk található a vonatkoztatási pont relatív koordinátákat
background-color: bordó;
szín: fehér; „>
.
A szöveg kerül a blokk volt látható Netscape Navigator
Példa a leírásban megadott kell lennie ahhoz, hogy az eredmény, de NN Ehhez a blokkhoz kell alkalmazni néhány további attribútumok:
.
Határok nélkül blokk tele van sötét vörös színű, és befogják nincs szöveg jelenik meg színes alapértelmezett ehhez az oldalhoz. Nincs ésszerű magyarázat az ilyen viselkedést a böngésző nem lehet, így nem épít az említett attribútumok oldal design.