selektorów - Kurs HTML i CSS
Kolory CSS / Sposoby definiowania kolorów CSS...0). Wartość ta przydaje się, kiedy chcemy odwołać wcześniejsze ustawienie koloru, który został odziedziczony albo przypisany np. przy pomocy klasy selektorów. W takiej sytuacji proste usunięcie wcześniejszej deklaracji koloru może być niemożliwe albo utrudnione. currentColor - kolor taki sam jak ma tekst aktualnego elementu (czyli wartość cechy color ustawionej bezpośrednio albo odziedziczonej). Jest to bardzo wygodny sposób na przypisanie np. identycznego koloru obramowania co znajdujący...
Wykaz skryptów / Pozostałe skrypty...którego gałęzie rozwijają się po kliknięciu myszką folderów znajdujących się na liście. Zasada działania jest znana z wielu interfejsów np. selektorów plików. Znacznie ułatwia tworzenie funkcjonalnej i eleganckiej nawigacji w serwisie o złożonej strukturze. Skrypt wyróżnia się uniwersalnością (nie powoduje problemów w przeglądarkach, które nie radzą sobie z obsługą skryptów), wygodnym sposobem wstawiania na stronę (konieczna ingerencja w kod JavaScript jest sprowadzona do absolutnego...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
Praktycznym zastosowaniem klas selektorów mogą być np. ramki wizualnie wyróżniające tekst, który się w nich znajduje. Wystarczy, że raz zdefiniujemy ich wygląd w arkuszu stylów: .nazwa-klasy { deklaracje stylów } by następnie w miarę potrzeb móc ich wielokrotnie używać w dowolnym dokumencie HTML na naszej stronie: <div class="nazwa-klasy">dowolny tekst...</div> Przypominam, że w arkuszu stylów (pierwsze polecenie powyżej) nazwa-klasy musi być poprzedzona znakiem kropki (w tym miejscu po...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...CSS dla zielonych Zewnętrzny arkusz stylów Wewnętrzny arkusz stylów Styl lokalny Przebieg 10 min - Omówienie zasad działania CSS Wyjaśnienie selektorów i deklaracji. Różnice między stylem zewnętrznym, wewnętrznym i inline. 20 min - Praca z arkuszem stylów Dodanie koloru tła i tekstu. Zmiana czcionki, rozmiaru i wyrównania tekstu. 10 min - Sprawdzenie efektów działania stylów 5 min - Zadanie domowe: zmodyfikować kolory i wyrównanie na stronie. Lekcja 4 - Tworzenie strony za...