style - Kurs HTML i CSS
Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}...i selektora potomka umieszczonych w arkuszu stylów: p { color: green; } p b { color: white; background-color: blue; border-color: red; border-style: solid; } p i b { color: unset; background-color: unset; border-color: unset; }
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...do elementów podrzędnych. Jeśli nie były wprost odziedziczone, to trzeba je resetować osobno. Przykład {all} Ten akapit ma zresetowane wszystkie style do wartości domyślnych, ponieważ została mu przypisana deklaracja "all: initial". A to jest pogrubienie, które znajduje się wewnątrz tego akapitu. Odziedziczyło ono zresetowany rodzaj czcionki. Ale jej waga nie została zmieniona - tekst nadal jest wizualnie wytłuszczony - ponieważ zostało to oddzielne przypisane do tego elementu.
- Reguły specjalne CSS
...adr"; @import url(adr); import stylów z innego arkusza Import arkusza stylów 1 @font-face opis czcionki Czcionki osadzone 2 @counter-style wart niestandardowy styl licznika Niestandardowy typ stylu wykazu 3 @page pudełko strony Kontekst strony 2 @page :first Okładka wydruku 2 @page :left @page :right Druk dwustronny 2 @page wart Typ strony wydruku 2 @import url(adr) wart; @media wart docelowe typy mediów Wybór medium 2 @import url(adr) (wart)...
Migotanie...Aby uzyskać taki efekt, wklej w nagłówku dokumentu: <script> function flash(id, kolor, czas, kolor2, czas2) { document.getElementById(id).style.color = kolor; setTimeout('flash("' + id + '","' + kolor2 + '",' + czas2 + ',"' + kolor + '",' + czas + ')', czas); } </script> a następnie w wybranym miejscu strony: <div id="identyfikator">Migotanie</div> <script> flash("identyfikator", "kolor1", czas1, "kolor2", czas2); </script> przy czym wyróżnione wyrazy oznaczają...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
...na stałe fragmenty innych elementów strony, które znajdują się poniżej określonej pozycji. Dlatego pozycję należy ustalać nie poprzez atrybut style="..." ani wewnętrzny czy zewnętrzny arkusz stylów, tylko modyfikując fragment kodu wywołujący skrypt: <script> new Menu('menu0', 'position: absolute'); </script> Powyższy sposób pozycjonuje blok menu w miejscu, w którym został wstawiony, ale rozwijanie i zwijanie nie powoduje już żadnych przesunięć pozostałych elementów strony. Można...