Pszeudo-osztályok és átmeneteket linkek és gombok
Pszeudo-osztályok és szelektor
Pszeudo-linkek létezik a CSS sok év, és a legtöbbjük egyszerűen csak vissza, úgy, hogy minden egyre azonos színű és egységes szövegbe design. Használatuk is teljesen megsemmisült, és a lehetséges funkciók bujkál.
Azáltal, hogy csak néhány CSS osztályok, akkor létrehozhat egy sokkal professzionálisabb és felhasználóbarát menü vagy formában. A kérdés ma előttünk ál - jelentése:
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
Azt is megmutatja, hogyan lehet kombinálni szelektorai osztályok létrehozására speciális alkalmazásokhoz.
Az első dolog -, hogy jelöljön ki a fő stílusok ő hivatkozások listáját. Azt korlátozni magam, hogy egy egyszerű kék szöveg világosszürke háttérrel. Azt is eltávolították, míg a szöveg dekoráció, de később fogunk hozzá újra. Ha össze szeretné kapcsolni nézett ki, mintha a gombra, már megváltozott a kijelző a blokk és hozzá egy szilárd váz.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
kölcsönhatás
Az első stílus, fogunk hozzá -, ha a felhasználó kezében az elem fölé. Annak érdekében, hogy használjuk az osztály: hover, itt változtatja színét és a háttér színe, hogy a felhasználó, amit igazán tartja a kurzort egy elem.
Most, hogy egyértelmű, hogy mi egy tétel, akkor az osztály: aktív változtatni a színét, háttérszíne és background-color szöveg dekoráció text-dekoráció, ha valóban megnyomja, vagy rákattint egy elemre
A példában HTML nekem minden hivatkozás egy attribútum azonosítót. Ez lehetőséget ad arra, hogy alkalmazza az osztály: cél, hogy adjunk több stílus az aktuálisan kiválasztott elem.
Ezen túlmenően, a nagyobb hatás, akkor adjunk hozzá egy ritkán használt osztály: first-letter. Úgy működik, csak a tömb elemei (amit korábban alkalmazott), és lehetővé teszi számunkra, hogy rendelni stílusok az első betű a tételt. Itt, azt használja a fekete, de lehet, hogy egy másik betűtípust.
Mint látható, én is kombinálható az osztályok: first-letter és: aktív alkalmazásának különböző színű, ha az aktív elemet, vagy húzza az egeret.
Mi megy az extra mérföld
Ahhoz, hogy ezek a változások nagyon egyezik, meg kell, hogy azokat sima és pontos. Ahhoz, hogy ezt elérjük, érvényes az átmenet átmeneti tulajdonságot bizonyos időben a szín fokozatosan változik megjelenését. Azt határoztuk meg azok időtartamát 0,5 mp. mert az átmenet ne legyen túl gyors, de ha ez túl lassú, túl, nem fog annyira lenyűgöző.
Felülvizsgálat: Team webformyself.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
A legtöbb IT hírek és webfejlesztés A csatorna-távirat
