arkusze stylów - Kurs HTML i CSS
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link...
- Menu rozwijane, otwierane, wysuwane / Przykład menu rozwijanego
...HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno
- Menu rozwijane, otwierane, wysuwane / Menu wysuwane
...HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno
- Menu drzewiaste / Skrypt menu drzewiastego
...Kolekcje dokumentów Wyrażenia regularne Wymagana wiedza Zagnieżdżanie wykazów <ul>...</ul> Podstawy odsyłaczy Podstawy stylów CSS (m.in. arkusze stylów i klasy selektorów) Skrypt menu drzewiastego Aby uzyskać menu drzewiaste, utwórz plik tree.css w tym samym katalogu co strona i zapisz w nim: ul.tree { display: block; margin-left: 0; padding-left: 0; } ul.tree ul { display: block; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; } ul.tree li...
- Menu rozwijane, otwierane, wysuwane / Czas rozwijania/zwijania
...HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno
HTML5 / Nowe elementy HTML5...Aby ujednolicić sposób wyświetlania elementów HTML5 w starszych przeglądarkach, powinniśmy dodatkowo wstawić do dokumentu specjalny arkusz stylów: article, aside, details, dialog, figcaption, figure, footer, header, hgroup, main, nav, search, section { display: block; } audio, canvas, embed, meter, progress, video { display: inline-block; } [hidden] { display: none; } Jeżeli nie korzystasz z możliwości CSS, nie musisz używać tej sztuczki... ale może w takim razie to już...
- Menu rozwijane, otwierane, wysuwane / Menu otwierane
...HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne 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...
Definicje / Arkusz stylów(style sheet) Zestawienie instrukcji, które precyzują wygląd dokumentu. Arkusze stylów mogą mieć trzy różne pochodzenia: autor, użytkownik i pośrednik użytkownika.
- Jednostki CSS / Czas
Wartości czasów są używane przez słuchowe arkusze stylów (aural). Format wartości czasowej składa się z liczby całkowitej lub rzeczywistej oraz jednostki czasu. Wartość ujemna jest niedozwolona! Jednostkami czasu są: ms - milisekundy (1ms = 0.001s) s - sekundy (1s = 1000ms) Jeśli chcesz szybko przeliczyć wartości pomiędzy różnymi jednostkami czasu, to tutaj możesz skorzystać ze specjalnego generatora. ✅ Rozpocznij przeliczanie jednostek
- Jednostki CSS / Częstotliwość
Wartości częstotliwości są używane przez słuchowe arkusze stylów (aural). Format wartości częstotliwości składa się z liczby całkowitej lub rzeczywistej oraz jednostki częstotliwości. Wartość ujemna jest niedozwolona! Jednostkami częstotliwości są: Hz - herce (1Hz = 0.001kHz) kHz - kiloherce (1kHz = 1000Hz) Na przykład: dźwięk o częstotliwości 200Hz (lub 200hz) jest basowy, a o częstotliwości 6kHz (lub 6khz) - sopranowy. Jeśli chcesz szybko przeliczyć wartości pomiędzy różnymi...