czcionki - Kurs HTML i CSS
Komendy CSS 2 / line-height...<procent> | inherit OPIS Wysokość linii INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY odnosi się do rozmiaru czcionki elementu MEDIA visual
- Szablon strony na DIV-ach / Responsywny szablon
...użytkownikom mobilnym Przesunięcie kolumny menu na początek lub koniec treści bądź umieszczenie jej w otwieranym menu Dopasowanie rozmiaru czcionki Przygotowanie fizycznie pomniejszonych zdjęć i innych multimediów Zapewnienie większej przestrzeni wokół klikalnych elementów menu, tak aby łatwiej je było wskazać palcem na ekranie dotykowym urządzenia bez przypadkowej aktywacji sąsiednich elementów Niestety problemem tego podejścia jest konieczność osobnego utrzymywania dwóch...
Komendy HTML 4.01 / Wykaz elementów...EM wymag/wymag w linii Wyróżnienie FIELDSET wymag/wymag w bloku Grupa kontrolek formularza FONT wymag/wymag w linii Atrybuty czcionki FORM wymag/wymag w bloku Formularz FRAME wymag/zabr Ramka FRAMESET wymag/wymag Ustawienie ramek H1,H2,H3,H4,H5,H6 wymag/wymag w bloku Nagłówek HEAD opcj/opcj Nagłówek dokumentu HR wymag/zabr w bloku Pozioma linia HTML opcj/opcj Główny element dokumentu I wymag/wymag w linii Tekst...
- Podcast HTML / #3 Tekst HTML
...wyszukiwarek, które są "niewidome". Docenią one, jeśli użyjemy nagłówków <h1> do <h6> zgodnie z ich przeznaczeniem, a nie tylko dla zmiany rozmiaru czcionki. Syntezatory mowy (dostępność): znaczniki semantyczne mają ogromne znaczenie dla syntezatorów mowy używanych przez osoby niewidome. Na przykład, kiedy syntezator natrafi na <strong>, może specjalnie podkreślić tonem głosu zawarty w nim tekst. Inne istotne znaczniki to <abbr> (skrót/akronim) i <var> (zmienna). W przypadku dłuższych...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
...definiowania kolorów. Style dają autorowi możliwości, które do tej pory były praktycznie niemożliwe do osiągnięcia: Różne wartości pogrubienia czcionki (9 rodzajów) Dodatkowe możliwości formatowania tekstu Przykład To jest nadkreślenie tekstu Ten paragraf został napisany małymi literami, ale dzięki transformacji, jest wyświetlany za pomocą wielkich liter. Ten akapit zaczyna się wcięciem, którego można użyć jako tabulatora, rozpoczynającego każdy nowy akapit (normalny znak tabulatora...
- Selektory atrybutów CSS / Łączenie selektorów atrybutów
...musi posiadać wszystkie z wyszczególnionych atrybutów z ewentualnymi przypisanymi określonymi wartościami. Przykład Przypisujemy czerwony kolor czcionki akapitom, które posiadają atrybut class o dowolnej wartości, dir="ltr", title z wyrazem akapit oraz lang rozpoczynający się od pl z ewentualnymi łącznikami: p[class][dir="ltr"][title~="akapit"][lang|="pl"] { color: red } Ten akapit posiada następujące atrybuty: class, dir="ltr", title="To jest akapit" lang="pl" (powinien być czerwony)...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...wszystkie nasze strony w obrębie całego serwisu mogą mieć pewne wspólne cechy. Dodatkowo jeśli w ostatniej chwili zdecydujemy się zmienić np. rodzaj czcionki na wszystkich stronach, możemy to zrobić, modyfikując jedynie zewnętrzny arkusz stylów, bez konieczności zmiany każdej strony osobno. Pozwala to zaoszczędzić mnóstwo czasu (zwłaszcza niezdecydowanym 😉). Wstawienie takiego zewnętrznego arkusza stylów jest bardzo proste. Wystarczy wpisać w treści nagłówkowej każdego z dokumentów...
- Wstawianie stylów CSS / Kaskadowość stylów
...deklaracji stylów w nagłówku strony, a także stylów typu inline, przy czym dotyczą one formatowania dokładnie tego samego elementu (np. kroju czcionki). Co się stanie w takim przypadku? Czy nie powstaną konflikty? A może komputer się "zawiesi"? Nic z tych rzeczy! A to właśnie ze względu na kaskadowość. To od niej wzięły swoją nazwę style: CSS - (ang. Cascading Style Sheets) Kaskadowe Arkusze Stylów. Jeśli w dokumencie znajduje się kilka źródeł stylów, pierwszeństwo mają te, które...
- Media CSS / Wybór medium @media
...{ font-size: 12pt } } @media screen, print { body { line-height: 1.2 } } Powyższe polecenia, wpisane w arkuszu stylów, definiują rozmiar czcionki 10pt dla wydruku, 12pt dla ekranu komputerowego oraz wysokość linii 1.2 jednocześnie dla ekranu i wydruku.
- Układ wielokolumnowy CSS / Multi-column layout
...końca jednej kolumny tabeli nie przechodzi automatycznie na początek kolejnej, umieszczonej po jej prawej stronie. Po zmianie wielkości lub rodzaju czcionki, tekst w kolumnie tabeli ułoży się w zupełnie inny sposób - najprawdopodobniej wysokość przestrzeni zajmowanej przez tekst w kolumnach nie będzie identyczna. Na niewielkich ekranach - np. telefonów komórkowych - ustalona zbyt duża liczba kolumn w tabeli może sprawić, że będą one zdecydowanie zbyt wąskie. W arkuszu CSS dla urządzeń...