bezpośrednio - Kurs HTML i CSS
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...
- 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...
- Obramowanie CSS / Odstęp obrysu {outline-offset}
...tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać odstęp wyrażony w jednostkach długości. Standardowo obrys jest rysowany bezpośrednio na krawędzi elementu. Możemy go jednak nieco od niego odsunąć, jeśli uważamy, że dzięki temu będzie on wyglądał bardziej estytycznie. Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline-offset} outline-offset: 10px obrys bez odstępu
- Układ wielokolumnowy CSS / Odstęp kolumn {column-gap}
...i nie może być mniejsza od zera. Aby wymusić domyślny odstęp, należy podać wartość normal. Sąsiadujące kolumny z tekstem nie powinny do siebie bezpośrednio przylegać, gdyż wywołałoby to zlewanie się tekstu na krawędzi kolumn. Temu nieprzyjemnemu efektowi może skutecznie zapobiegać przerwa między kolumnami. Warto mieć na uwadze, że wartość domyślna tego odstępu (normal) zależy od konkretnej przeglądarki i wcale nie musi być równa zero. W obecnej wersji specyfikacja CSS nie pozwala...
- Układ elastyczny CSS / Kontener elastyczny {display: flex inline-flex}
...Układ elastyczny w linii: selektor { display: inline-flex } Wstawienie jednej z powyższej deklaracji sprawia, że dzieci elementu (znaczniki które bezpośrednio się w nim zawierają), wyznaczonego podanym selektorem [zobacz: Wstawianie stylów], będą układane w nim w sposób elastyczny. Tak tworzy się tzw. kontener elastyczny (ang. flex container), w którym dzieci układane są elastycznie. Sam kontener nie jest układany elastycznie na stronie, a jedynie jego dzieci. Wstawienie takiego kontenera...
Kontakt...indeksu na pewno będzie trwało krócej, niż zredagowanie treści listu e-mail z Twoim pytaniem. Szukaj w indeksie Jeżeli indeks haseł nie pomaga bezpośrednio odnaleźć interesujących Cię informacji, użyj wyszukiwarki. Szukaj w serwisie Gdy i to nie poskutkuje, możesz przeszukać pełnotekstowo cały Kurs HTML i CSS online, za pomocą wyszukiwarki Google. Szukaj w Internecie Nie na samym Kursie HTML kończy się webmasterski świat 😉 Prawdopodobnie wszystko, co kiedykolwiek wymyśliła...