bezpośrednio - Kurs HTML i CSS
Selektory pseudoelementów CSS / Przed... :before...p:before { content: "POCZĄTEK "; color: red } to wszystkie akapity będą rozpoczynały się od wyrazu "POCZĄTEK", mimo że nie wpiszemy tego wyrazu bezpośrednio w treści akapitu: To akapit, rozpoczynający się wyrazem "POCZĄTEK", pomimo że nie został on umieszczony w treści akapitu. Jeśli używasz Internet Explorera 7.0 lub starszego, powyższy akapit będzie się rozpoczynał normalnie ("To jest akapit...") - nie zobaczysz efektu. Obrazek przed... :before {content: url} Zamiast tekstu...
- Selektory pseudoelementów CSS / Po... :after
...reguła: p:after { content: " KONIEC"; color: red } to wszystkie akapity będą kończyły się wyrazem "KONIEC", mimo że nie wpiszemy tego wyrazu bezpośrednio w treści akapitu: To jest akapit, kończący się wyrazem "KONIEC", pomimo że nie został on umieszczony w treści akapitu. Jeśli używasz Internet Explorera 7.0 lub starszego, powyższy akapit będzie się kończył normalnie ("...w treści akapitu.") - nie zobaczysz efektu. Obrazek po... :after {content: url} Zamiast tekstu generowanego po...
Aktywne przyciski / Pamięć podręcznaStosując bezpośrednio powyższe skrypty, można zauważyć pewien nieprzyjemny efekt: po pierwszym wskazaniu bądź kliknięciu aktywnego przycisku, trzeba nieco zaczekać, aż załaduje się obrazek, który ma zostać wyświetlony. Dzieje się tak dlatego, ponieważ dopóki nie zostanie wywołana akcja, przeglądarka nie wie jaki obrazek, dajmy na to po podświetleniu, ma zostać wyświetlony. Jednak po pierwszym użyciu przycisku, dodatkowa grafika zostanie wczytana i zapisana w pamięci podręcznej przeglądarki...
- Tło CSS / Atrybuty mieszane tła {background}
...(CSS 3) przycinanie tła (CSS 3) Wartość rozmiarów tła (background-size) musi być poprzedzona znakiem ukośnika i musi się znajdować bezpośrednio po wartości pozycji (background-position), np.: "left top / contain". Nie można podać rozmiarów tła bez określenia pozycji, ale można samą pozycję bez rozmiarów. Jeżeli zostanie podana pozycja początkowa tła (background-origin), a pominiemy przycinanie tła (background-clip), przyjmie ono taką samą wartość. Nie można podać przycinania...
- Selektory pseudoelementów CSS / Cudzysłowy {quotes}
...Jak zrobić cudzysłów HTML? Prosty cudzysłów w kodzie HTML można zrobić za pomocą encji znakowej " lub poprzez wpisanie znaku cudzysłowu bezpośrednio w kodzie: ". Jak zrobić cudzysłów w cudzysłowie? Aby umieścić cudzysłów wewnątrz innego cudzysłowu, można użyć różnych kombinacji cudzysłowów. Na przykład: „To jest »cytat« w cudzysłowie” albo "To jest 'cytat' w cudzysłowie". Jak wygląda polski cudzysłów? Polski cudzysłów ma postać dwóch przeciwnie skierowanych podwójnych...
- Jednostki CSS / Długość
...zamiast tego wpiszemy "width: 20rem" (16px * 20 = 320px). Oczywiście opisane problemy nie będą miały również miejsca, gdy ustalimy szerokość bloku bezpośrednio w pikselach - "width: 320px". Jednak w pewnych sytuacjach może zależeć nam, aby wymiary elementów na stronie były zależne od podanego rozmiaru czcionki. Większa czcionka może wymagać szerszych bloków z tekstem. Używając jednostki rem wystarczy, że zmienimy tylko rozmiar czcionki jednego elementu, nie obawiając się czasem trudnych do...
- Kolory CSS / Sposoby definiowania kolorów CSS
...koloru może być niemożliwe albo utrudnione. currentColor - kolor taki sam jak ma tekst aktualnego elementu (czyli wartość cechy color ustawionej bezpośrednio albo odziedziczonej). Jest to bardzo wygodny sposób na przypisanie np. identycznego koloru obramowania co znajdujący się w nim tekst. Dzięki temu przy zmianie koloru tekstu nie będziemy musieli pamiętać, aby zaktualizować również obramowanie - wtedy stanie się to automatycznie.
- Indeks, wyszukiwarka / Ramka
...definiujący ich strukturę albo ewentualnie jest kilka zagnieżdżonych struktur zapisanych w różnych plikach, jednak wyniki chcemy wczytać do ramki bezpośrednio nadrzędnej top.nazwaramki Serwis składa się z ramek i chcemy wczytać wyniki do ramki najbardziej nadrzędnej
- Selektory CSS
...który jest potomkiem elementu E Selektor potomka 1 E > F element F, który jest dzieckiem elementu E Selektor dziecka 2 E + F element F bezpośrednio poprzedzany przez element E Selektor braci 2 E ~ F element F poprzedzany przez element E Ogólny selektor braci 3 Selektory atrybutów Wzór Znaczenie Opis CSS E[atr] element E z ustawionym atrybutem "atr" (na jakąkolwiek wartość) Prosty selektor atrybutu 2 E[atr="wart"] element E, którego atrybut "atr" ma...
- Menu rozwijane, otwierane, wysuwane / Menu otwierane
...przyciski Aktualizacja Nowe okno Opóźnienie przy otwieraniu/zamykaniu Dla tej wersji menu można dodatkowo zmienić opóźnienie, które występuje bezpośrednio przed rozpoczęciem otwierania oraz zamykania menu. Czas ten jest konieczny, aby posługiwanie się takim menu przez użytkownika mogło przebiegać komfortowo. Zbyt małe opóźnienie - zwłaszcza przy zamykaniu - może znacznie utrudnić nawigację! <script> new Menu('menu0', '', true, false, -1, -1, czasOtworz, czasZamknij); </script>...