Strona, która jest tworzona szybko, bez nadmiernych zawirowań i zauważalnych kosztów, z przyzwoitą konstrukcją i pełną funkcjonalnością - dobrą pracą i godnym wynikiem. Wybór artysty w tym przypadku jest bardzo ważny nie tylko dla właściciela strony, ale dla przeciętnego gościa. Nie każdy lubi odwiedzać zasoby, które używają wyrafinowanych narzędzi do demonstrowania swojej dynamiki. Dlatego, jak może się wydawać, nie wydaje się to dziwne, ale zaangażowanie artysty w stosowanie pseudo-klas, takich jak uniesienie CSS, jest dobrym wyborem. Prostota - najczęściej klucz do sukcesu.

Miejsce zastosowania

Pseudo klasa CSS na hover jest stosowana do nazwy klasy (klasy) lub identyfikatora opisującego tag, który niekoniecznie musi być wyświetlany na stronie, ale musi być dostępny myszy, na przykład, za pomocą reguły zindeksowania CSS.

Jeśli dostępna jest wystarczająca część znacznika, wówczas będzie działał wskaźnik CSS. Fakt, że klasy mogą być modyfikowane i konstruowane na podstawie ich nazw konstrukcji w normalnym stanie znaczników stron, a także w przypadku, gdy mysz znajduje się nad nimi, nie oznacza, że ​​znaczniki opisane przez unikalne identyfikatory są ograniczone. Wszystko zależy od umiejętności i technologii programisty. Miejsce pod tagiem zawsze ma kształt prostokąta, ale kilka reguł dla tła i koloru tła (w sensie przezroczystości) łatwo zmienia stan rzeczy. Obrazek nie musi być w formacie .png lub .jpg - możesz użyć prostej animacji .gif.

Rozumienie układu

Styl układu zależy od artysty. Jeśli tak jestfanka CSS, powinieneś spodziewać się kompletnego braku kodu javascript i szansy na zrozumienie, jak tworzone jest konkretne działanie na stronie. Muszą przejrzeć wiele klas CSS i złapać ich wzajemne powiązania, zanim myśl twórcy stanie się dostępna. Jeśli wykonawca został wybrany kompozytorem, który ma dość dobrą regułę CSS, ale bardziej koncentruje się na znacznikach HTML i javascript, trudno będzie zrozumieć opcje dynamicznego układu. W takim przypadku tagi i reguły CSS zeskoczą z kodu strony jako grzyby po deszczu.

Nie najlepszym rozwiązaniem jest połączenie koderów HTML + CSS i HTML + JS, ale w praktyce nie zawsze tak jest. Najlepszą opcją jest narzucenie swoich wymagań programistom, z których jednym jest umieszczenie CSS, a reguły tego typu są bardzo ważne. Jest to właśnie taki prosty przypadek, w którym klient może określić, czego dokładnie użyć. Prawidłowe zobowiązanie do stosowania podobnych efektów CSS na hover. Wszelkie próby skorzystania z darmowego profesjonalnego pływania powinny być zatrzymane w katalogu głównym, nawet przed rozpoczęciem pracy na stronie, w przeciwnym razie po prostu nie zostanie ona zakończona.

Efekt zawisu CSS, gdy unosi się i opiekuje

Najważniejsze jest zrozumienie zasady i jest to niezwykle proste. Zademonstrowanie wszystkich uroków pseudo-klas może odbywać się wyłącznie na dynamicznych lub po prostu prawdziwych stronach. Artykuł jest trudny do opisania. Ogólny pomysł można zobaczyć na obrazie. Logika tutaj jest prosta - są dwa opisy. Jeden pokazuje tag w normalnym stanie, a drugi - w przypadku, gdy do niego przyszła mysz. W drugim przypadku nazwa klasy lubIdentyfikator jest po prostu dodany do ": hover". Oba opisy muszą spełniać wymagania CSS.

Mouse przyszedł do znacznika i poszedł z nim

Przyjmuje się, że w normalnym stanie statycznym tag jeśli pierwszy nie musi pokazać coś dynamicznego. Ponieważ reguły CSS dla zawisu, kiedy należy zmienić coś w stylu normalnym tagu państwowej.
Nie jest to zasada obowiązkowa. Można i należy wykorzystać moc CSS, w szczególności przejścia, krycie background-color, background-image jest szczególnie interesujący dwa pierwsze - są dynamiczne. Jeszcze bardziej interesująca jest możliwość korzystania z dynamiki opieki nad myszą ze znacznika. Dlaczego nie? W statycznej strony państwa dynamicznie nic, ale po kliknięciu na znaczniku Coming - zawisu, to odejście od niego może okazać się żyje. Fakt, że dana klasa nie ma przypisanej pseudoklasy, nie oznacza niczego równego. Załącznik znaczników wzajemnie, na przykład jako szereg kół o promieniach malejących w środku utworzy fali podczas przesuwania myszy. Jeśli pójdziesz dalej, dzieląc ekran w odpowiednich miejscach tagi z tych samych zasad (w wersji i CSS normalnego zawisu), na przykład, przestrzeń między blokami informacji może być pokaz myszy, fale, pęcherzyki lub ekran zacierają granice bloków informacyjnych. Nie jest konieczne, aby efekty CSS były umieszczane w znacznikach nad blokami informacji. Wymagane tagi mogą tylko wyglądać. Ale gdy tylko mysz przejdzie przez dostępną część, styl zawisu CSS może podnieść indeks Z. Podczas opieki nad myszą wszystko wróci na swoje miejsce. CSS unosi pseudo klasę w połączeniu z odpowiednią aplikacjąReguły CSS - dobra, prosta, poprawnie działająca strona.