linia - Kurs HTML i CSS
Selektory CSS...Selektor identyfikatora 1 Selektory pseudoelementów Wzór Znaczenie Opis CSS P:first-line pierwsza linijka akapitu P Pierwsza linia 1 P:first-letter pierwsza litera akapitu P Pierwsza litera 1 E:before wstawia treść przed zawartością elementu E Przed... 2 E:after wstawia treść po zawartości elementu E Po... 2 Selektory pseudoklas Wzór Znaczenie Opis CSS E:root element E, który jest korzeniem dokumentu Korzeń 3 E:nth-child(n)...
Aktywne przyciski / Pamięć podręczna...obrazków aktywnych przycisków w wariantach "podświetlony" i "kliknięty", które znajdują się gdziekolwiek na stronie - dla każdego obrazka jedna linia. Nie radzę jednak przesadzać z ilością oraz wagą takich grafik, ponieważ są one wczytywane na zapas, tzn. nawet jeśli użytkownik nigdy ich nie użyje, to i tak muszą się załadować, oczywiście wydłużając całkowity czas wczytywania strony!
Operacje na tekście w JavaScript - String.prototype / Usuwanie białych znaków - trim...lub " ") niełamliwa spacja ("\u00A0") BOM ("\uFEFF") wszystkie inne znaki spacji w systemie Unicode Znakami końca linii są: następna linia ("\u000A" lub "\n") powrót karetki ("\u000D" lub "\r") separator linii ("\u2028") separator akapitów ("\u2029") Przykład String.prototype.trim "\t A B C\r\n".trim(); // "A B C"
- Tło CSS / Gradient promienisty {background: radial-gradient repeating-radial-gradient}
...aż do narożnika elementu. Wygląda to tak, jakbyśmy patrzyli na oświetloną kulę (bądź elipsoidę) albo powierzchnię oświetloną latarką. Zatem linia gradientu biegnie ze środka na zewnątrz: Większość zmiennych w deklaracji gradientu promienistego jest opcjonalna. Prawdę mówiąc składnia polecenia jest dość złożona: radial-gradient( [ [ circle || <length> ] [ at <position> ]? , | [ ellipse...
- Reguły warunkowe CSS / Zapytania właściwości @supports
...000; box-shadow: 0 0 10px 0 #000; } } Przed oraz po operatorze logicznym (not, or, and) musi być wstawiony bały znak - np. spacja albo nowa linia. Ponadto w przypadku gdy w jednym wyrażeniu występują jednocześnie różne operatory, zgodnie ze specyfikacją CSS zawsze konieczne jest użycie dodatkowych nawiasów w taki sposób, aby w każdym z nich występowały tylko operatory tego samego typu. Sama testowana właściwość również zawsze musi być umieszczona w nawiasie. @supports ((display...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...Rozumie znaczenie estetyki i dopasowania strony do treści. Materiały Kolor tła oraz tekstu HTML Wielkość i rodzaj czcionki HTML Pozioma linia Podsumowanie Powtórka Quiz i certyfikat Przebieg 10 min - Pokaz: zmiana kolorów tła i tekstu strony, wielkości i rodzaju czcionki, dodanie <hr> - z omówieniem estetyki. 15 min - Uczniowie stosują zmiany do swojej strony (dodają kolory, linie, dopasowują styl). 10 min - Quiz z kursu - uczniowie pracują indywidualnie. 10 min...