A fázisokat a CSS
Létrehozása blokk CSS. mindig egyértelműen meghatározott paraméterek, valamint elhelyezzük egy adott helyen a képernyőn. Így minden egység a két koordináta X és Y egység, amely meghatározza a helyzetét a képernyő síkján. De a CSS 2 van egy harmadik, a térbeli koordináta Z. rétege, amely a száma, amelyen a készülék található.
Rétegek használata kombinálva a láthatósági tulajdonságot, akkor létre a különböző legördülő menük, dinamikusan változó láthatóságának ingatlan értékét a különböző rétegeket. Almenü ezen találhatók a különböző szinteket, és amikor a felhasználó rákattint a menü parancs kimeneti előtérben réteg, amelyben a tárolt almenü a felhasználó által kiválasztott.
Példa - a legördülő menüből
Először hozzon létre a fő összetevői a helyszínen. Egyetértünk azzal, hogy nem lesz három: a címet a honlapon, a menüsor és a fő tartalmi blokk. Mindhárom egység lesz található egymás felett, azaz a telek lesz szedése egy oszlopba.
Az első egység nagyon egyszerű lesz, nevezzük #head. Ez mindössze egy címet. Írunk a stílusát, ez az egység:
#head magassága: 50 képpont;
szélesség: 100%;
pozíció: abszolút;
left: 0px;
top: 0px;
>
Megkérdeztük a blokk szélessége 100%, hogy ez volt a teljes szélességében a böngésző ablakot. Azt is rögzítették a magassága 50 pixel, a blokk van elhelyezve, a bal felső sarokban. Írunk a HTML-kód:
Ezen belül a blokk csak egy címet. Írunk neki egy egyszerű stílus, amely igazítsa a jobb szélén, és beállítja a kék szín.
#head H1 szín: Navy;
margin: 0em;
padding-right: 0.5em;
text-align: right;
>