Przejdź do treści

Jak działa hover CSS? - Kurs HTML i CSS

Jak działa hover CSS?

Słowo kluczowe :hover (z dwukropkiem na początku) to tzw. pseudoklasa CSS. Dzięki niej możemy określić, jak ma się zmienić wygląd elementu po wskazaniu go myszką. Na przykład jeśli chcemy, aby wszystkie hiperłącza na stronie po naprowadzeniu wskaźnika myszki zmieniały kolor na czerwony, to w arkuszu stylów wystarczy wstawić następujący kod: a:hover { color: red; }.

Zobacz więcej...

  • CSS
    CSS dla zielonych / Kolor odsyłaczy CSS {color} :hover

    ...aby wszystkie hiperłącza na stronie były koloru czerwonego, to w arkuszu stylów wystarczy wstawić następujący kod: a { color: red; }. Jak działa hover CSS? Słowo kluczowe :hover (z dwukropkiem na początku) to tzw. pseudoklasa CSS. Dzięki niej możemy określić, jak ma się zmienić wygląd elementu po wskazaniu go myszką. Na przykład jeśli chcemy, aby wszystkie hiperłącza na stronie po naprowadzeniu wskaźnika myszki zmieniały kolor na czerwony, to w arkuszu stylów wystarczy wstawić...

  • Strona
    Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum

    ...Styl lokalny Kolor tła oraz tekstu CSS Czcionka CSS Wyrównanie tekstu CSS Przebieg 5 min - Wprowadzenie do tematu Co to jest CSS, jak działa, dlaczego warto oddzielać wygląd od struktury. 10nbsp;min - Wstawianie stylów CSS Omówienie trzech sposobów dodania CSS (zewnętrzny, wewnętrzny, inline), nacisk na <link rel="stylesheet">. 10 min - Składnia CSS Selektory, bloki deklaracji (właściwości, wartości). Przykłady formatowania całej strony i pojedynczych elementów. 15 min...

★★★★★ 5/5 (52)

Facebook