elementy - Kurs HTML i CSS
Formularze HTML / Pole wyboru <input "checkbox">...w skrypcie po stronie klienta (np. JavaScript), każde pole tego typu powinno posiadać dodatkowo unikalny identyfikator (atrybut id="..."). Żadne dwa elementy w dokumencie nie mogą mieć takiego samego identyfikatora, nawet pola dotyczące tego samego pytania. W skrypcie należy posługiwać się tymi właśnie identyfikatorami a nie nazwami. Jeżeli wysyłasz formularz do skryptu po stronie serwera (np. PHP lub CGI), może to wymagać nadania innej nazwy (atrybut name="...") dla każdego pola tego typu...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...wewnątrz znacznków wierszy (<tr>...</tr>)! Liczba komórek w każdym wierszu powinna być taka sama. Zwracam uwagę, że w obrębie tabeli tekst i inne elementy można wstawiać tylko wewnątrz znaczników komórek i ewentualnie tytułu tabeli, a nie poza nimi! Poza obrębem tych znaczników można umieszczać tylko ściśle określone elementy, które zostaną szczegółowo opisane w tym rozdziale. Zatem poniższy kod będzie nieprawidłowy: <table> Tabela... <tr> <b><td>...</td></b> <td>...</td> </tr> <br> <tr>...
Skórki...łatwiej się stylizuje, co jest kolejnym argumentem, aby zgłębić to zagadnienie. Ponadto warto dodać, że jeśli szkielet Twojej strony albo np. elementy menu będą zbudowane w oparciu o tabele, zmiana wyglądu będzie możliwa tylko w ograniczonym zakresie. Natomiast jeżeli strukturę oprzesz o elementy <div>...</div>, a przy budowaniu menu skorzystasz z wykazów (<ul>...</ul>) oraz list definicyjnych (<dl>...</dl>), to bez większego trudu będzie można totalnie odmienić wygląd serwisu tylko za...
- Komendy HTML 4.01 / Deklaracja typu dokumentu
Deklaracja typu dokumentu (DTD - document type declaration) określa poziom użytego na stronie języka HTML: Strict DTD - (ścisła) zawiera wszystkie elementy i atrybuty, które nie są zdeprecjonowane (nie deprecated) oraz nie pojawiają się w dokumentach z ramkami (ponadto nie obejmuje elementu IFRAME ani atrybutu target="...") <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> lub <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Transitional DTD...
Komendy CSS3 / Kształty CSS...shape-outside Kształt obszaru oblewania Wartość none | [ <basic-shape> || <shape-box> ] | <image> Inicjalizacja none Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual shape-image-threshold Wybór pikseli obrazka obszaru oblewania Wartość <number> Inicjalizacja 0.0 Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual shape-margin Margines obszaru oblewania Wartość <length> | <percentage> Inicjalizacja 0...
- Komendy CSS3 / Komponowanie i mieszanie CSS
...isolation background-blend-mode mix-blend-mode Tryb mieszania Wartość <blend-mode> Inicjalizacja normal Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual isolation Izolacja Wartość <isolation-mode> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual background-blend-mode Tryb mieszania tła Wartość <blend-mode> Inicjalizacja normal Zastosowanie wszystkie elementy Dziedziczenie nie...
Zastosowanie tablic w JavaScript - Array / Tworzenie instancji tablicy w JavaScript - new Array...w tablicy. Co ciekawe, wartość tę można dynamicznie zmieniać. Jeżeli nowa wartość będzie mniejsza niż aktualna liczba elementów w tablicy, końcowe elementy zostaną z niej usunięte. Jeżeli nowa wartość będzie większa niż aktualna liczba elementów w tablicy, na jej końcu zostaną niejawnie dodane elementy o wartości niezdefiniowanej. Przykład var items = [1, 2, 3]; items.length = 2; items; // [1, 2] items.length = 3; items; // [1, 2, undefined]...
- Komendy CSS3 / Układ wielokolumnowy CSS
...column-span column-width columns column-count Liczba kolumn Wartość auto | <integer [1,∞]> Inicjalizacja auto Zastosowanie elementy blokowe z wyjątkiem tabel Dziedziczenie nie Procenty nie column-fill Wypełnienie kolumn Wartość auto | balance | balance-all Inicjalizacja balance Zastosowanie kontenery układu wielokolumnowego Dziedziczenie nie Procenty nie column-rule Atrybuty mieszane linii rozdzielająca kolumny Wartość <'column-rule-width'>...
- Komendy CSS3 / Transformacje CSS
...[ <angle> | 0 ] [, [ <angle> | 0 ] ]? ) || skewX( [ <angle> | 0 ] ) || skewY( [ <angle> | 0 ] ) ] Inicjalizacja none Zastosowanie przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli Dziedziczenie nie Procenty odnosi się do rozmiaru obszaru odniesienia transform-box Obszar odniesienia przekształcenia Wartość content-box | border-box | fill-box | stroke-box | view-box...
- Komendy CSS3 / Regulacja koloru CSS
...Wybór preferowanego schematu kolorów Wartość normal | [ light | dark | <custom-ident> ]+ && only? Inicjalizacja normal Zastosowanie wszystkie elementy i tekst Dziedziczenie tak Procenty nie forced-color-adjust Rezygnacja z wymuszonej palety kolorów Wartość auto | none | preserve-parent-color Inicjalizacja auto Zastosowanie wszystkie elementy i tekst Dziedziczenie tak Procenty nie print-color-adjust Oszczędzanie atramentu Wartość economy | exact Inicjalizacja economy...