dalej - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type...gdzie A (okres) i B (przesunięcie początkowe) są liczbami całkowitymi (mogą być dodatnie, ujemne lub wynosić zero) - zobacz szczegółowe wyjaśnienie dalej odd elementy nieparzyste (to samo co: 2n+1) even elementy parzyste (to samo co: 2n) Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. W celu poprawienia czytelności danych, często spotyka się obszerne tabele, w których kolejne nieparzyste wiersze są...
- Dobre praktyki / Przykazania webmastera
...kiedy już skończyły nam się wszystkie pomysły. W tym celu możesz nadać jedną klasę blokowi pełniącemu rolę pojemnika na elementy innych typów, a dalej korzystać np. z selektorów potomka: .pojemnik p { /* ... */ } .pojemnik p em { /* ... */ } Jeśli to ma sens, korzystaj z kontekstu selektorów. Klasa CSS o nazwie informacja może zawierać inne deklaracje stylu, gdy zostanie przypisana do div, a inne gdy do span, ale znaczeniowo przecież oba elementy będą jakimś rodzajem informacji, więc...
HTML5 / Napisy do filmów <track>Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...
- I co dalej... / Płatne serwery
...SSL za darmo? Czy hosting wspiera protokół HTTP/2 lub HTTP/3? 3. Lokalizacja serwera Czy serwer znajduje się w Polsce, Europie czy gdzieś dalej? 4. Kopie zapasowe Jak często wykonywane są kopie zapasowe przez hosting? Jak długo przechowywane są backupy? Jak wygląda ich przywrócenie? 5. Pomoc techniczna W jakie dni i w jakich godzinach działa pomoc techniczna? Jakie są metody kontaktu z supportem? Oczywiście to nie wszystkie kwestie, ale podstawowe pytania, które warto...
- Komendy HTML 4.01 / Specyfikacja HTML
Poniżej znajdziesz opis wszystkich znaczników i ich atrybutów według oryginalnej specyfikacji HTML 4.01, opracowanej przez organizację W3C. Całe to zestawienie zostało napisane w następujący sposób: Opis każdego znacznika rozpoczyna się od jego nazwy. Potem krótkie wytłumaczenie znaczenia i roli, jaką spełnia. Dalej wszystkie atrybuty (w kolejności alfabetycznej). Nie każdy atrybut musi zostać użyty (można nawet nie używać żadnych). Dodatkowo kolejność ich wpisywania jest dowolna...
- Wstawianie stylów CSS / Kaskadowość stylów
...tego samego elementu HTML. Styl określony bliżej elementu (np. wewnętrzny arkusz stylów lub styl osadzony) ma wyższy priorytet niż styl zdefiniowany dalej (np. zewnętrzny arkusz stylów). Konflikty w stylach rozstrzyga tzw. mechanizm dziedziczenia oraz specyficzność selektorów CSS. Który styl CSS ma najwyższy priorytet? Najwyższy priorytet ma styl zdefiniowany w sposób inline, czyli bezpośrednio w elemencie HTML za pomocą atrybutu style. Na przykład: <p style="color: red">Tekst...
Nowe okno / Jedno okno...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 wczytaniu i wyświetleniu całej strony, w drugim - jeszcze zanim zostanie załadowana treść dokumentu, a w trzecim - po kliknięciu odpowiedniego odsyłacza, czyli specjalnie wyróżnionego tekstu. Wszystkie powyższe warianty otwierają okna typu pop-up tzn., że pokazują się one na wierzchu...
- HTML5 / Uwydatnienie <mark>
...czytelnika na oznaczony w ten sposób fragment i właśnie po to przytaczamy cały cytat. Mogą to być np. fragmenty cytatu, z którymi się nie zgadzamy i dalej w artykule przedstawiamy nasze własne argumenty. Może to być również fragment, który jest dla nas szczególnie wartościowy lub naszym zdaniem zawiera główne przesłanie całego cytatu. Uwydatniając tekst na stronie, który nie jest cytatem, możemy przekazać użytkownikowi, że taki fragment może być dla niego szczególnie przydatny, biorąc pod...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...choćby jednego nowego zdjęcia zwykle będzie wiązało się z generowaniem galerii na nowo. Powyższych wad pozbawiony jest skrypt galerii zdjęć opisany dalej w tym rozdziale.
- Układ elastyczny CSS / Kontener elastyczny {display: flex inline-flex}
...dzieci. Wstawienie takiego kontenera przełącza tryb wyświetlania elementów w nim zawartych na układ elastyczny. Aby jakiekolwiek własności, opisane dalej w tym rozdziale, dały widoczny efekt, konieczne jest dodanie powyższego stylu do elementu, który ma wyznaczać układ elastyczny. Pytania i odpowiedzi {display: flex} Do czego służy "display: flex"? Deklaracja CSS "display: flex" służy do tworzenia elastycznego kontenera, który umożliwia układanie elementów w jednym wierszu lub kolumnie...