element - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type(CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Pierwszy element wybranego typu: selektor:first-of-type { cecha: wartość } rodzic > dziecko:first-of-type { cecha: wartość } Ostatni element wybranego typu: selektor:last-of-type { cecha: wartość } rodzic > dziecko:last-of-type { cecha: wartość } Jedyny element wybranego typu: selektor:only-of-type { cecha: wartość } rodzic > dziecko:only-of-type { cecha: wartość } Selektorem, rodzicem oraz dzieckiem może być...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...należy wpisać: scroll - przewijanie tła (domyślnie) fixed - tło nieruchome względem okna przeglądarki local - tło nieruchome względem elementu (jeśli posiada on suwaki), ale przewijane względem okna przeglądarki (CSS 3) [Zobacz także: Wstawianie stylów] Normalnie jeśli tłem strony jest grafika, przesuwa się ona razem z tekstem, w miarę przewijania treści okna za pomocą suwaka. Możemy jednak sprawić, że tło będzie przez cały czas nieruchome, nawet jeśli będziemy przewijali...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...wartość - odległość od dolnej krawędzi położenia spoczynkowego Wyraz "wartość" oznacza konkretną odległość (od podanej krawędzi) względem położenia elementu bez używania pozycjonowania - położenie spoczynkowe. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Można również wpisać auto, co ustali wartość automatyczną. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Należy jednak pamiętać o tym, że parametr left ma pierwszeństwo...
- Jednostki CSS / Długość
...długości Wstęp Jednostki długości stosuje się w bardzo wielu poleceniach dotyczących stylów, np. wielkość czcionki, marginesów czy rozmiary elementów itd. Format wartości długości składa się z opcjonalnego znaku liczby ("+" - domyślny lub "-"), liczby całkowitej lub rzeczywistej oraz jednostki. Po wartości długości 0 jednostka jest opcjonalna. Należy pamiętać, że nie każdy parametr może przyjąć wartość ujemną! Są dwa typy jednostek długości: względne (relatywne) i bezwzględne...
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
...(ale nie sam kontener). Rozciągnięcie jest wyrażone liczbą naturalną (większą lub równą zero), która określa proporcje, w jakich będą rozciągane elementy w kontenerze. Domyślna wartość - zero - odbiera elementom elastyczność. Może się zdarzyć, że w jednym wierszu kontenera elastycznego mogłoby się zmieścić więcej elementów niż mamy zapewnionych. Wtedy zwykle z prawej strony pozostaje wolna przestrzeń. Możemy jednak sprawić, aby w takiej sytuacji szerokość elementów elastycznie dopasowała...
Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie obecności elementu w tablicy - indexOf...Opera, Chrome) Array.prototype.indexOf(searchElement) Array.prototype.indexOf(searchElement, fromIndex) Parametry: searchElement - poszukiwany element Number fromIndex - początkowy indeks poszukiwań (domyślnie: 0) Wartość: Number - indeks pierwszego znalezionego elementu Przeszukuje tablicę w kierunku jej końca pod kątem występowania w niej podanego elementu. Jeżeli element nie zostanie znaleziony, funkcja zwraca liczbę -1. Możliwe jest również ograniczenie zakresu poszukiwań do...
- Operacje na tablicach w JavaScript - Array.prototype / Przeszukiwanie tablicy od końca - lastIndexOf
...Chrome) Array.prototype.lastIndexOf(searchElement) Array.prototype.lastIndexOf(searchElement, fromIndex) Parametry: searchElement - poszukiwany element Number fromIndex - początkowy indeks poszukiwań (domyślnie: -1) Wartość: Number - indeks ostatniego znalezionego elementu Przeszukuje tablicę w kierunku jej początku pod kątem występowania w niej podanego elementu. Jeżeli element nie zostanie znaleziony, funkcja zwraca liczbę -1. Możliwe jest również ograniczenie zakresu poszukiwań do...
Podcast HTML / #9 HTML5...Hipertekstowy Język Oznaczania (Hypertext Markup Language), służący do tworzenia stron internetowych. Głównymi celami HTML5 było wprowadzenie nowych elementów w celu zwiększenia interaktywności, multimedialności i semantyczności dokumentów. Ważne cechy ewolucji języka obejmują: Zachowanie kompatybilności wstecz, tak aby użytkownicy starszych przeglądarek mogli korzystać ze stron napisanych w nowym języku. Bardziej szczegółowe określenie sposobu obsługi błędów. Wprowadzenie nowych...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...Rozplanowanie ustalone {table-layout: fixed} Rozplanowanie tabeli {table-layout} selektor { table-layout: rozplanowanie } Selektorem może być element TABLE [zobacz: Wstawianie stylów]. Natomiast jako "rozplanowanie" należy podać: auto - szerokość tabeli zależy od zawartości komórek (domyślnie) fixed - szerokość tabeli nie zależy od zawartości komórek Przy definiowaniu rozplanowania tabeli możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację...
Galeria zdjęć HTML / Skrypt galerii zdjęć...GalleryView.prototype._hide = function(name) { this[name].style.display = 'none'; }; GalleryView.prototype._setStyle = function(element, style) { if (element) { this._forEach(style, function(key, value) { element.style[key] = value; }); } }; GalleryView.prototype._createContainer = function() { var div = document.createElement('div'); this._setStyle(div, this.style.container); return div; }; GalleryView.prototype._createImage = function(src) { var img...