Létrehozása borulás a CSS sprite
Ebben a leírásban megmutatom, hogyan kell egy érintéses menü segítségével CSS sprite technikával.
Gördülő (menü formában változik lebeg az egeret őket) Általában több államban. Alapvető feltételek: ha mozog az egér, csattanó, csattanó. Minden feltétel szükséges saját képet. Ebben az esetben a menü lesz elég nehéz, mert mindegyik gombnak a hajó több kép.
Használata sprite oldható meg ez a probléma. Segítségével csak egy képet, és ez nem is annyira a hajóforgalom szerver és fogyaszt. Ez nagyon hasznos, ha teljes mértékben kihasználja a hatalom ezt a technológiát.
Strutktura menü nagyon egyszerű. A lány azt illessze be a szervezetbe a dokumentum:
Ha nem használja sprite, CSS kód nézne ki:
A fenti kód egy külön kép minden állam a háttérképet.
Azzal, hogy egy kép, nem kell változtatni a háttérképet. Mi csak megváltoztatni a helyét a háttérben. Például, állam: hover eltolódott háttér fogja használni a szükséges számú képpont balra (ebben a példában 157 pixel); állapot: aktív - 314 pixel.
És a CSS kódot fogja találni a következő formában:
Ez minden. Változó állapotok nagyon gyors, és nem veszi a nagy forgalom. Az ilyen cross-browser menüben (IE5 +, Mozilla, Opera, Safari)
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!