przeglądarki - Kurs HTML i CSS
Czcionki CSS / Odległość między znakami czcionki {font-kerning}...znakami wygląda tak samo, chociaż fizycznie odległość między nimi nie musi być taka sama. Zwykle zdanie się tutaj na domyślne działanie przeglądarki jest najlepszym rozwiązaniem. Jednak czasami dla niektórych rodzajów i wielkości czcionek znaki w tekście mogą wydawać się dziwnie nierówno od siebie oddalone albo nieczytelne. Dlatego jeśli domyślny sposób wyświetlania tekstu nas nie satysfakcjonuje, pomocne może być wymuszenie albo zablokowanie kerningu. font-kerning w odróżnieniu...
- Komendy CSS3 / Mowa CSS
...Media speech voice-family Rodzina głosów Wartość [[<name> | <generic-voice>],]* [<name> | <generic-voice>] | preserve Inicjalizacja zależy od przeglądarki Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media speech voice-pitch Wysokość głosu Wartość <frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]] Inicjalizacja medium Zastosowanie wszystkie elementy Dziedziczenie tak Procenty odnosi się do...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...do znaczników <sub>...</sub> i <sup>...</sup>, ponieważ niosą one ze sobą dodatkowe znaczenie semantyczne. Mimo iż zgodnie ze specyfikacją CSS przeglądarki powinny zasymulować wygląd indeksu w tekście, nawet jeśli użyta czcionka nie udostępnia takiego wariantu, niestety nie jest to normą. Z tego powodu zaleca się stosować zapytania właściwości. Dzięki użyciu zapytań właściwości poniższy arkusz stylów zostanie zastosowany tylko w przeglądarkach obsługujących wariant pozycji czcionki. W...
- CSS dla zielonych / Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}
Przeglądarki zwykle ustalają pewną szerokość marginesów strony. Nie zawsze jednak domyślne ustawienia będą dobrze współgrać np. z określonym przez nas rozmiarem czcionki. Na szczęście bardzo łatwo można to zmienić: body { margin: szerokość; } albo jeśli chcemy ustawić marginesy niesymetryczne (z każdej strony inne): body { margin-top: górny; margin-bottom: dolny; margin-left: lewy; margin-right: prawy; } Aby określić szerokość marginesu w pikselach, należy wpisać liczbę, a po niej...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...się inne elementy blokowe jeśli ustalimy wysokość elementu, a tekstu nawet po zawinięciu będzie za dużo, aby się tam zmieścił * Niektóre starsze przeglądarki mogą obsługiwać "text-overflow: ellipsis" tylko w połączeniu z "white-space: nowrap". Przykład {text-overflow} p { width: 3em; } Za długie wyrazy w tym akapicie powinny wychodzić poza jego obręb. p { width: 3em; overflow: hidden; } Za długie wyrazy w tym akapicie powinny zostać przycięte. p { width: 3em; overflow: hidden...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
...Dzięki niej element może w każdej chwili wrócić do swojego pierwotnego wyglądu - tzn. takiego, jak został określony we wbudowanym arkuszu stylów przeglądarki. Działanie wartości revert może się wydawać nieco podobne do initial. Istnieje jednak zasadnicza różnica: initial zawsze ustawia domyślną wartość wybranej cechy CSS (zobacz sekcje "inicjalizacja" w rozdziałach: Komendy CSS 2 i Komendy CSS3) bez względu na element, do którego zostanie przypisana. Oznacza to, że np. przypisanie stylu...
- Tekst CSS / Orientacja tekstu {text-orientation}
...otrzymamy: Kolumna 1 Kolumna 2 Kolumna 3 Wiersz 1 1 2 3 Wiersz 2 4 5 6 Wiersz 3 7 8 9 [Porównaj przykład z rozdziału: Tryb pisania] Niektóre przeglądarki mogą układać pionowo również tekstowe elementy formularzy: To jest pierwsza linijka... obszar tekstowy lista rozwijalna opcja 1 opcja 2 lista rozwijalna opcja 1 opcja 2 ...a to jest kolejna linijka. Jeśli powyżej widzisz pola formularza ułożone poziomo, to znaczy, że Twoja przeglądarka nie obsługuje pionowego ich ułożenia.
Nagłówek i treść HTML / Strona mobilna <link media>...wygląd strony na urządzeniach mobilnych? Aby sprawdzić wygląd strony na urządzeniach mobilnych, można skorzystać z narzędzi deweloperskich przeglądarki, takich jak tryb responsywności. Wchodząc w inspekcję elementu (Ctrl+Shift+I), można przełączyć się w tryb responsywności (ikona ze smartfonem) i dostosować widok do różnych rozmiarów ekranów. Jak przełączyć przeglądarkę w tryb mobilny? Aby przełączyć przeglądarkę w tryb mobilny, można użyć narzędzi deweloperskich lub dodatków...
- HTML dla zielonych / Tekst przekreślony HTML <s>
...fragment tekstu (ang. strikethrough). Przykład <s> Po wpisaniu w edytorze HTML następującego kodu: <s>Ten tekst jest przekreślony</s> na ekranie przeglądarki otrzymamy: Ten tekst jest przekreślony Pytania i odpowiedzi <s> Jak zrobić przekreślony tekst? Aby przekreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <s>...</s>. Jak przekreślić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby przekreślić fragment tekstu...
- HTML5 / Dekodowanie obrazków <img decoding>
...obrazka. async - przeglądarka może wyświetlać pozostałe elementy strony w trakcie przetwarzania obrazka. auto - wartość domyślna (zależy od przeglądarki) Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek. Nadanie atrybutu decoding="sync" może spowolnić wyświetlanie całej strony - zwłaszcza w przypadku dużych obrazków. Pytania i odpowiedzi <img decoding> Co to znaczy "dekodowanie"? Dekodowanie odnosi się do procesu przekształcania danych z jednego...