czcionki html - Kurs HTML i CSS
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...
- 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...
HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">...tekstu na całej stronie, możemy go później lokalnie (miejscowo) zmieniać za pomocą polecenia <span style="color: kolor">...</span> (zobacz: Kolor czcionki). Pytania i odpowiedzi <body "background-color, color"> Jak zmienić kolor tła i tekstu w HTML? Aby zmienić domyślny kolor tła oraz tekstu na całej stronie, najlepiej do znacznika właściwego ciała dokumentu dodać atrybut o odpowiednich wartościach. Na przykład: <body style="background-color: black; color: white">...</body> ustawi...
- 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...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...ustawić odpowiedni margines. Przykład: Poniższe bloki najprawdopodobniej ustawią się obok siebie, a nie jeden pod drugim (zależnie od rozmiaru czcionki i szerokości bloku obejmującego): <div style="float: left">Blok 1</div> <div style="float: left">Blok 2</div> <div style="float: left">Blok 3</div> Identyczny efekt: <div style="float: left; width: auto">Blok 1</div> <div style="float: left; width: auto">Blok 2</div> <div style="float: left; width: auto">Blok 3</div> Poniższe bloki...
- 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...
- 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...
- Tekst HTML / Wyróżnienie <em, strong>
...tekstu. W sytuacjach kiedy szczególnie zależy nam na zwróceniu uwagi czytelnika na jakieś informacje, a nie jedynie na określonym sformatowaniu czcionki, powinniśmy użyć właśnie przedstawionych powyżej znaczników. Przykład <em, strong> <em>To jest tekst wyróżniony</em> <strong>To jest tekst o wysokiej ważności</strong> Pytania i odpowiedzi <em, strong> Jak wyróżnić tekst w HTML? Aby położyć szczególny nacisk na jakiś tekst, najlepiej umieścić go wewnątrz znacznika <em>...</em>...
- Widżety HTML / Ramki HTML
...takimi ramkami. Do czego mogą się przydać ramki? Strony wyświetlane wewnątrz nich nie przejmują sposobu formatowania (koloru, rozmiaru ani kroju czcionki itp.) z dokumentu, w którym zostały osadzone. Dzięki tej własności są szczególnie chętnie używane przez twórców różnego rodzaju widżetów, czyli specjalnych gotowych wstawek, które można osadzić na swojej stronie. W ten właśnie sposób osadza się np. filmiki z YouTube'a, a także posty z Facebooka czy Twittera. Każdy z tych serwisów...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...mu przypisana deklaracja "all: initial". A to jest pogrubienie, które znajduje się wewnątrz tego akapitu. Odziedziczyło ono zresetowany rodzaj czcionki. Ale jej waga nie została zmieniona - tekst nadal jest wizualnie wytłuszczony - ponieważ zostało to oddzielne przypisane do tego elementu.