linia - Kurs HTML i CSS
Komendy HTML 4.01 / TR...Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy VALIGN="pozycja" Pionowa pozycja danych w komórkach tabeli: baseline - pierwsza linia tekstu jest ułożona na linii bazowej, wspólnej dla wszystkich komórek w wierszu bottom - na dole komórki middle - na środkowej wysokości top - na górze Zdarzenia: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający: wymagany Znacznik zamykający...
- Podcast HTML / #1 HTML dla zielonych
...To jest jakiś tekst </u></i></b></span></p> Pamiętaj, że znaczniki zamykamy zawsze w kolejności odwrotnej niż były otwierane. Kolor tła i pozioma linia Aby zmienić domyślny kolor tła i tekstu na całej stronie, należy zmodyfikować znacznik <body>, dodając atrybut style. Kolor tła i tekstu zawsze powinno się ustawiać jednocześnie, dbając o kontrast. <body style="background-color: black; color: white"> Tu jest właściwa treść strony </body> Poziomą linię, która może rozdzielać sekcje...
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...
- 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!
- 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...
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"
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 Podcast HTML: #1 HTML dla zielonych 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...