oznacza - Kurs HTML i CSS
Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}(CSS 3 - interpretuje Firefox 19, Opera 15, Chrome 4) selektor { cecha: initial } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Dziedziczenie stylów to bardzo przydatna funkcja w języku CSS. Dzięki niej nie musimy definiować np. koloru tekstu dla każdego elementu strony osobno. Zdarzają się jednak przypadki, kiedy takie zachowanie może nie być dla nas pożądane. Na szczęście istnieje sposób na...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...zadbać o odpowiedni kontrast pomiędzy tłem a kolorem tekstu, ponieważ w przeciwnym razie treść strony może się stać zupełnie nieczytelna. W praktyce oznacza to, że tapeta nie powinna być zbyt pstrokata ani zbyt jaskrawa, aby nie rozpraszała czytelnika. Warto zauważyć, że można zaprojektować wzór tapety w taki sposób, żeby granice pomiędzy sąsiednimi kafelkami nie były widoczne, tzn. płynnie przechodziły jeden w drugi na kształt fantazyjnego dywanu lub wzorzystej tkaniny. W tym celu wystarczy...
- Dziedziczenie stylów CSS / Wymuszenie dziedziczenia {...: inherit}
selektor { cecha: inherit } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Dziedziczenie stylów jest domyślnym zachowaniem w języku CSS. To znaczy nie trzeba nic robić, żeby z niego skorzystać - zostanie ono zastosowane automatycznie. Dopiero kiedy wybranemu elementowi przypiszemy jakiś styl, nie odziedziczy on go po swoich przodkach (czyli znacznikach, wewnątrz których się znajduje). A co...
HTML dla zielonych / Tekst przekreślony HTML <s>...jest napisany zwykłą czcionką. Aby przekreślić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <s>...</s>. W ten sposób często oznacza się treść, która nie jest dłużej trafna lub istotna z punktu widzenia pozostałej zawartości dokumentu.
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
...zapis może nie być prawidłowo zinterpretowany przez roboty indeksujące wyszukiwarek sieciowych. Warto zwrócić uwagę, że nie należy w ten sposób oznaczać dokumentów, które nie stanowią jedynie innej wersji strony kanonicznej (podstawowej), ponieważ wywoła to tylko ich niepotrzebną eliminację z wyników wyszukiwania. Trzeba również mieć świadomość, że znacznik ten stanowi jedynie sugestię dla robota wyszukiwarki i może nie być wzięty pod uwagę, jeśli robot z innego powodu uzna, że w danej...
- HTML5 / Wstępne ładowanie <link "preload" as>
(interpretuje: Firefox 85, Opera 37, Chrome 50) <link rel="preload" as="rodzaj" type="typ" href="lokalizacja"> rodzaj W zależności od języka, w którym wybrane zasoby zewnętrzne są używane, można podać następujące wartości: w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible...
- Ikony (symbole) / Ikony do pobrania
Spis treści Symbole Generator ikon Licencja Symbole Ikony (symbole) są nieodłącznym elementem nowoczesnych stron internetowych i aplikacji. Nadają projektom przejrzystość, ułatwiają nawigację oraz poprawiają estetykę wizualną. Wybór odpowiednich ikon może znacząco wpłynąć na odbiór strony przez użytkowników. Dlatego warto mieć pod ręką zestaw wysokiej jakości grafik. W dalszej części tego rozdziału znajdziesz listę darmowych ikon, które możesz pobrać i wykorzystać w swoich projektach...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...niezależnie od głównego wątku aplikacji, co pozwala na równoległe przetwarzanie i unikanie blokowania interfejsu użytkownika. W kontekście skryptów oznacza to, że skrypt jest ładowany równolegle z innymi zasobami, a jego wykonanie następuje, gdy zostanie całkowicie pobrany, co nie wpływa na wczytywanie reszty strony. Na przykład, <script src="script.js" async></script> załaduje skrypt asynchronicznie. Jak załadować skrypt asynchronicznie? Skrypt można załadować asynchronicznie, używając...
- HTML5 / Przeciągnij i upuść <... draggable>
...on zostać upuszczony ondrop, ondragend - zwolnienie przycisku myszki podczas operacji przeciągania Pytania i odpowiedzi <div draggable> Co oznacza przeciąganie w HTML? Przeciąganie w HTML odnosi się do funkcji przeciągania i upuszczania, która pozwala użytkownikom przenosić elementy z jednego miejsca do innego na stronie internetowej. Dzięki zastosowaniu API Drag and Drop, można oznaczyć elementy jako przeciągane za pomocą atrybutu draggable="true", a następnie obsługiwać zdarzenia...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...sandbox z elementu <iframe>. Gdy atrybut nie jest obecny, zawartość IFRAME nie jest objęta żadnymi ograniczeniami wynikającymi z piaskownicy, co oznacza, że może wykonywać skrypty, otwierać nowe okna, i uzyskiwać dostęp do zasobów tak, jakby była integralną częścią strony. Skąd wzięła się nazwa "piaskownica"? Nazwa piaskownica (ang. sandbox) pochodzi z koncepcji tworzenia bezpiecznego i izolowanego środowiska, w którym można bezpiecznie eksperymentować i testować różne elementy bez...