bezpośrednio - Kurs HTML i CSS
Jednostki CSS / Długość...zamiast tego wpiszemy "width: 20rem" (16px * 20 = 320px). Oczywiście opisane problemy nie będą miały również miejsca, gdy ustalimy szerokość bloku bezpośrednio w pikselach - "width: 320px". Jednak w pewnych sytuacjach może zależeć nam, aby wymiary elementów na stronie były zależne od podanego rozmiaru czcionki. Większa czcionka może wymagać szerszych bloków z tekstem. Używając jednostki rem wystarczy, że zmienimy tylko rozmiar czcionki jednego elementu, nie obawiając się czasem trudnych do...
- 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.
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
- 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...
- Menu rozwijane, otwierane, wysuwane / Menu otwierane
...przyciski Aktualizacja Nowe okno 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...
- 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...
- Selektory pseudoklas CSS / Etykieta :target
...dodatkowo na niewielkie sekcje - zbyt małe, aby tworzyć z każdej z nich osobną podstronę. Chcielibyśmy jednak mieć możliwość odesłania czytelnika bezpośrednio do podanej sekcji, żeby nie musiał jej szukać "ręcznie". W takiej sytuacji stosuje się etykiety (np.: <h2 id="nazwa_etyiety">Nazwa sekcji</h2>). Do takich etykiet można później tworzyć odsyłacze. Problemem takiego rozwiązanie może być fakt, że jeśli czytelnik przewinie stronę, może mieć problemy z późniejszym odszukaniem etykiety, do...
- Selektory pseudoklas CSS / Korzeń :root
...HTML ma w drzewie dokumentu dokładnie jeden korzeń, tzn. element najbardziej nadrzędny, który nie ma żadnego rodzica, za to zawiera w sobie (bezpośrednio lub poprzez zagnieżdżenie) wszystkie inne elementy dokumentu. W języku HTML korzeniem jest zawsze element HTML, zatem selektor ten jest w tym przypadku raczej mało przydatny, ponieważ ten sam efekt uzyskamy poprzez użycie najprostszego selektora typu: html { cecha: wartość } Nie zapominajmy jednak, że CSS nadaje się do stylizowania...
- Ochrona strony
...strony Czasami zdarza się, że chcemy opublikować w sieci jakieś ważne informacje. Zależy nam jednak, aby można się było z nimi zaznajomić tylko bezpośrednio na naszej stronie WWW i nie chcemy udostępniać takich materiałów do dalszej publikacji innym osobom. Chodzi tutaj głównie o opracowania typu: praca dyplomowa, ważny referat lub obszerny artykuł, unikalna grafika nad którą długo pracowaliśmy czy wyniki badań doświadczalnych. Niestety zwykle jedyną ochroną przed plagiatami jest podanie...