spis treści - Kurs HTML i CSS
Komendy CSS3 / Transformacje CSSŹródło: CSS Transforms Module Level 1 Spis treści transform transform-box transform-origin transform Przekształcenia Wartość none | [ matrix( <number> [, <number> ]{5,5} ) || translate( <length-percentage> [, <length-percentage> ]? ) || translateX( <length-percentage> ) || translateY( <length-percentage> ) || scale( <number> [, <number> ]? ) || scaleX( <number> ) || scaleY( <number> ) || rotate( [ <angle> | 0 ] ) || skew( [ <angle> | 0 ] [, [ <angle> | 0 ] ]? ) || skewX( [ <angle>...
- Komendy CSS3 / Układ siatki CSS
Źródło: CSS Grid Layout Module Level 1 Spis treści grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-start grid-row grid-row-end grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows grid Atrybuty mieszane układu siatki Wartość <'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>...
- Komendy CSS3 / Model pudełkowy CSS
Źródło: CSS Box Model Module Level 3 Spis treści margin margin-bottom margin-left margin-right margin-top padding padding-bottom padding-left padding-right padding-top margin Atrybuty mieszane marginesu Wartość <'margin-top'>{1,4} Inicjalizacja 0 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do logicznej szerokości bloku obejmującego margin-bottom Dolny margines Wartość <length-percentage> | auto Inicjalizacja 0 Zastosowanie wszystkie...
- Komendy CSS3 / Przyciąganie przewijania CSS
Źródło: CSS Scroll Snap Module Level 1 Spis treści scroll-margin scroll-margin-block scroll-margin-block-end scroll-margin-block-start scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end scroll-margin-inline-start scroll-margin-left scroll-margin-right scroll-margin-top scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start...
- Komendy CSS3 / Regulacja koloru CSS
Źródło: CSS Color Adjustment Module Level 1 Spis treści color-adjust color-scheme forced-color-adjust print-color-adjust color-adjust Atrybuty mieszane regulacji koloru Wartość <'print-color-adjust'> Inicjalizacja zobacz cechy indywidualne Zastosowanie zobacz cechy indywidualne Dziedziczenie zobacz cechy indywidualne Procenty zobacz cechy indywidualne color-scheme Wybór preferowanego schematu kolorów Wartość normal | [ light | dark | <custom-ident> ]+ && only...
Wykaz skryptów / Skrypty w kursie...pojedynczego odsyłacza. Ostrzeżenie przed ramką Ostrzeżenie, że dana strona wchodzi w skład struktury ramek i aby zobaczyć pełny kontekst (spis treści), użytkownik powinien udać się na stronę główną. W innym wariancie skrypt automatycznie wczytuje stronę główną i ustawia podstronę, spod której wchodził użytkownik. Sprawdzenie pól formularza Sprawdzenie przed wysłaniem formularza pocztowego, czy wszystkie pola zostały wypełnione przez użytkownika. Strona na hasło Jeżeli nie...
- Indeks, wyszukiwarka / Indeks haseł na stronie
...Dzięki wyszukiwarce użytkownicy, którzy nie znają dobrze serwisu, mogą w mig odnaleźć interesujące ich informacje. Przedzieranie się przez spis treści nie każdemu odpowiada, a poza tym nie wszystko można tam odnaleźć. Specjalną formą wyszukiwarki jest indeks lub inaczej skorowidz. Można go znaleźć w niemal każdym podręczniku. "Papierowa" wersja skorowidza jednak nie do końca jest wygodna, ponieważ nadal zmusza do wertowania stron i szukania haseł według kolejności liter w alfabecie...
- Wyszukiwarka / Możliwość wyboru
Spis treści Światowy/Polski Internet W serwisie/Na świecie W serwisie/W Polsce Światowy/Polski Internet Lista rozwijalna <form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <select name="lr"> <option value="">Na świecie</option> <option value="lang_pl">W Polsce</option> </select> <input type="submit" value="Szukaj"> </form> Przykład Na świecie W Polsce Pole opcji <form...
- Menu rozwijane, otwierane, wysuwane / Menu otwierane
Spis treści Menu otwierane Opóźnienie przy otwieraniu/zamykaniu Menu otwierane Czasem przydatne jest wstawienie menu, które otwiera się po wskazaniu nagłówka myszką, a chowa automatycznie po usunięciu wskaźnika myszki z obrębu wybranego fragmentu menu. <script> new Menu('menu0', '', true); </script> Przykład Wskaż poniższe nagłówki menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje...
- Nowe okno / Jedno okno
Spis treści Jedno okno Pop-under Jedno okno Po załadowaniu strony: <body onload="window.open('adres', 'nazwa').focus()>...</body> Przed załadowaniem strony: <head> <script> window.open('adres', 'nazwa').focus(); </script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego...