czcionki - Kurs HTML i CSS
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...
CSS dla zielonych / Edytory CSS...edytorów przyspiesza i ułatwia nam pracę oraz zmniejsza ryzyko popełnienia błędów. Pozwalają automatycznie zdefiniować np. wielkość i kolor czcionki, kolor odsyłaczy czy tła (za pomocą specjalnych generatorów). Kolorowanie składni sprawia, że natychmiast odnajdziemy wszystkie błędy. Kreatory stylów (ang. wizards) są najczęściej wbudowane w edytory HTML. Zwykle wybór tego samego edytora do tworzenia dokumentów HTML i arkuszy CSS jest dobrym pomysłem. Jednak jeśli chcesz, możesz...
- 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...
- Dziedziczenie stylów CSS / Hierarchia elementów
...po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki (biały) oraz koloru tła (niebieski) i dlatego nie odziedziczył stylu po przodku.
- 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...
- 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)...
- 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ń...
- CSS dla zielonych / Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}
...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 jednostkę px...