image - Kurs HTML i CSS
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...
Znaki specjalne HTML / Symbole...⁄ Literowe ℘ ℘ Script capital "P" (power set, Weierstrass "p") Weierstrass "p" (w IE6 tylko czcionka Unicode) ℘ ℑ ℑ Blackletter capital "I" (imaginary part) Część urojona liczby zespolonej (w IE6 tylko czcionka Unicode) ℑ ℜ ℜ Blackletter capital "R" (real part symbol) Część rzeczywista liczby zespolonej (w IE6 tylko czcionka Unicode) ℜ ™ ™ Trade mark sign Znak handlowy ™ ℵ ℵ Alef symbol (first...
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?...text-decoration, margin, padding, border, border-top, border-right, border-bottom, border-left, border-color, border-width, border-style, list-style-image, list-style, clip oraz behavior, text-autospace i layout-grid. W trybie zgodności dla własności font musimy obowiązkowo podać przynajmniej wielkość i rodzaj czcionki, w przeciwnym razie cała deklaracja zostanie zignorowana. Wcześniejsze wersje Internet Explorera przyjmowały także częściowe ustawienia. Dotyczy to również przeglądarki Opera...
- Komendy CSS 2 / background
WARTOŚĆ [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit OPIS Atrybuty mieszane tła INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY dla cechy 'background-position' MEDIA visual
- Komendy CSS 2 / list-style
WARTOŚĆ [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit OPIS Atrybuty mieszane stylu wykazu INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE elementy wykazu DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Menu w CSS / Poziome menu
...color: #fff; padding: 10px 20px; border-right: 1px solid #fff; border-right: 1px solid #fff; } ul a:hover { background-color: #800; background-image: url("tlo2.gif"); } Chociaż w tym przykładzie rozmiary odnośników nie zostały ustalone, wyświetliliśmy je blokowo z uwagi na możliwy błąd w bardzo starych przeglądarkach. Ponadto konieczne było przypisanie oblewania (float: left) również znacznikowi obejmującemu pozycje listy (<ul>...</ul>), ponieważ bez tego menu wyglądałoby następująco...
- Dobre praktyki / Przykazania webmastera
...dotyczy wszystkich odwołań do plików graficznych, występujących arkuszu CSS - jeśli uległy zmianie, należy podnieść im numer rewizji: background-image: url("plik.gif?2"); Gdzie to tylko możliwe, staraj się skracać zapis w regułach stylów Oszczędzisz sobie w ten sposób pisania, a także zmniejszasz rozmiar arkusza CSS, co przyspiesza ładowanie strony. Używaj atrybutów mieszanych - np. margin zamiast zestawu: margin-top, margin-right, margin-bottom, margin-left. Nie dopisuj jednostki do...
- Komendy HTML 4.01 / Elementy zdeprecjonowane
...margin-right (auto), float alink BODY CSS: :active alt APPLET OBJECT archive APPLET OBJECT background BODY CSS: background-image bgcolor BODY, TABLE, TD, TH, TR CSS: background-color border IMG, OBJECT CSS: border-width clear BR CSS: clear code APPLET OBJECT codebase APPLET OBJECT color BASEFONT, FONT CSS: color compact DIR, DL, MENU, OL, UL CSS: margin-top, margin-bottom, line-height face BASEFONT, FONT CSS: font-family...
- HTML5 / Dekodowanie obrazków <img decoding>
...określa, jak przeglądarka powinna dekodować obraz przed jego wyświetleniem. Może przyjmować wartości auto, sync, lub async. Na przykład, <img src="image.jpg" decoding="async"> ustawia dekodowanie asynchroniczne, co może poprawić wydajność ładowania strony. Co robi dekodowanie asynchroniczne? Dekodowanie asynchroniczne (decoding="async") umożliwia przeglądarce ładowanie i dekodowanie obrazu w tle, co pomaga w zwiększeniu wydajności ładowania strony, ponieważ inne zasoby strony mogą być...
- HTML5 / Zmienione elementy i atrybuty HTML5
...Dla elementów INPUT pozwala użyć ogólnych wartości: "audio/*" (dowolny plik w formacie dźwiękowym), "video/*" (dowolny plik w formacie wideo), "image/*" (dowolny plik graficzny). accesskey Możliwość użycia listy klawiszy rozdzielonych spacjami, z których przeglądarka może wybrać najbardziej dla niej odpowiedni. action Nie może zawierać pustej wartości. border Dla znacznika TABLE może zawierać tylko pustą wartość lub cyfrę "1". colspan Dla elementów TD i TH musi zawierać wartość...