bezpośrednio - Kurs HTML i CSS
Kolory CSS / Sposoby definiowania kolorów CSS...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 się w nim tekst. Dzięki temu przy zmianie koloru tekstu nie będziemy musieli pamiętać, aby zaktualizować również obramowanie - wtedy stanie się to automatycznie.
- CSS dla zielonych / Arkusz stylów CSS
...reguł stylów, za pomocą których możliwe jest określanie wyglądu elementów na stronie. Każda reguła stylów składa się zawsze z dwóch następujących bezpośrednio po sobie części: Selektora - czyli elementu (znacznika) na stronie, któremu chcemy zmienić wygląd Deklaracji ujętej w nawiasy klamrowe, w której określa się, w jaki sposób chcemy zmienić wygląd selektor1 { Tu wpisuje się deklaracje stylów } selektor2 { Tu wpisuje się deklaracje stylów } selektor3 { Tu wpisuje się deklaracje...
- Selektory CSS
...który jest potomkiem elementu E Selektor potomka 1 E > F element F, który jest dzieckiem elementu E Selektor dziecka 2 E + F element F bezpośrednio poprzedzany przez element E Selektor braci 2 E ~ F element F poprzedzany przez element E Ogólny selektor braci 3 Selektory atrybutów Wzór Znaczenie Opis CSS E[atr] element E z ustawionym atrybutem "atr" (na jakąkolwiek wartość) Prosty selektor atrybutu 2 E[atr="wart"] element E, którego atrybut "atr" ma...
Aktywne przyciski / Pamięć podręcznaStosując bezpośrednio powyższe skrypty, można zauważyć pewien nieprzyjemny efekt: po pierwszym wskazaniu bądź kliknięciu aktywnego przycisku, trzeba nieco zaczekać, aż załaduje się obrazek, który ma zostać wyświetlony. Dzieje się tak dlatego, ponieważ dopóki nie zostanie wywołana akcja, przeglądarka nie wie jaki obrazek, dajmy na to po podświetleniu, ma zostać wyświetlony. Jednak po pierwszym użyciu przycisku, dodatkowa grafika zostanie wczytana i zapisana w pamięci podręcznej przeglądarki...
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
...w kontenerze, zanim wolna przestrzeń zostanie rozłożona pomiędzy dzieci kontenera. Wartość "0" (zero) spowoduje, że rozmiary elementów będą bezpośrednio proporcjonalne do przypisanych im wartości flex-grow (albo flex-shrink - w przypadku ściśnięcia). Jeżeli wszystkie elementy kontenera będą miały przypisany styl "flex-grow: 1", w efekcie mogą zostać rozciągnięte do dokładnie takiego samego rozmiaru. Wartość "auto" (domyślnie) spowoduje, że rozmiary absolutne poszczególnych elementów...
- Wykaz skryptów / Pozostałe skrypty
...wyświetlenie daty ostatniej aktualizacji strony. Aktualna data Wyświetlenie na stronie aktualnej daty. Nowość Sygnalizowanie nowości bezpośrednio w spisie treści lub na każdej ze stron, poprzez wyświetlenie specjalnego obrazka albo napisu. System newsów Automatyczny system wiadomości na stronie WWW, które są wyświetlane tylko przez określony czas. Skrypt posiada masę opcji konfiguracyjnych i atrakcyjny wygląd, a przy tym jest bardzo elastyczny w zastosowaniu. Nowe okno...
- Indeks, wyszukiwarka / Ramka
...definiujący ich strukturę albo ewentualnie jest kilka zagnieżdżonych struktur zapisanych w różnych plikach, jednak wyniki chcemy wczytać do ramki bezpośrednio nadrzędnej top.nazwaramki Serwis składa się z ramek i chcemy wczytać wyniki do ramki najbardziej nadrzędnej
- Nowe okno / Jedno okno
...na dużą uciążliwość dla internautów. Oznacza to, że mogą w ogóle nie zadziałać, chyba że użytkownik wyrazi na to zgodę! Aby wyświetlić okienko bezpośrednio w obrębie strony ponad jej standardową zawartością, a nie jako osobny element interfejsu przeglądarki wyskakujący poza obręb karty ze stroną, użyj funkcji popover w HTML5. Pop-under Polecenie to pozwala automatycznie otworzyć nowe okno i określić jego wygląd (patrz dalej). W pierwszym wariancie okno zostanie otwarte dopiero po...
- Menu rozwijane, otwierane, wysuwane / Menu otwierane
...okno new Menu('menu4', '', true); Opóźnienie przy otwieraniu/zamykaniu Dla tej wersji menu można dodatkowo zmienić opóźnienie, które występuje bezpośrednio przed rozpoczęciem otwierania oraz zamykania menu. Czas ten jest konieczny, aby posługiwanie się takim menu przez użytkownika mogło przebiegać komfortowo. Zbyt małe opóźnienie - zwłaszcza przy zamykaniu - może znacznie utrudnić nawigację! <script> new Menu('menu0', '', true, false, -1, -1, czasOtworz, czasZamknij); </script>...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
...jego rozwijaniu elementy poniżej są przesuwane w dół. Można temu zapobiec określając odpowiednią pozycję absolutną bloku. Oczywiście można to zrobić bezpośrednio dodając odpowiednie deklaracje CSS. Jednak trzeba przewidzieć, co się stanie, jeśli przeglądarka użytkownika nie będzie obsługiwać JavaScript. Samo menu nadal będzie funkcjonalne pod względem nawigacji, tzn. jego elementy (odsyłacze) będą dostępne, ale oczywiście funkcja rozwijania nie będzie działać. Jest to jednak sytuacja...