czcionki - Kurs HTML i CSS
Ikony (symbole) / Formatowanie tekstu...amp_stories amp_stories Umowa contract contract Zewnętrzne obramowanie border_outer border_outer Finanse Chip finance_chip finance_chip Próbka czcionki type_specimen type_specimen Obróć tekst pionowo text_rotate_vertical text_rotate_vertical Wewnętrzny margines padding padding Skrypt aplikacji formularzy forms_apps_script forms_apps_script Licznik 3 counter_3 counter_3 Przegląd overview overview Edytuj umowę contract_edit contract_edit Obramowanie pionowe border_vertical...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...wie, czym jest CSS i do czego służy. Uczeń potrafi połączyć arkusz stylów z dokumentem HTML. Uczeń stosuje podstawowe style: kolor tła i tekstu, czcionki, wyrównanie tekstu. Materiały Wstawienie arkusza stylów CSS Arkusz stylów CSS Zewnętrzny arkusz stylów Wewnętrzny arkusz stylów Styl lokalny Kolor tła oraz tekstu CSS Czcionka CSS Wyrównanie tekstu CSS Przebieg 5 min - Wprowadzenie do tematu Co to jest CSS, jak działa, dlaczego warto oddzielać wygląd od struktury...
Dziedziczenie stylów CSS / Hierarchia elementów...zdarzała się błędna interpretacja dziedziczenia stylów. Problemy stwarzały np. elementy tabeli: nawet jeśli zdefiniowaliśmy określoną wielkość czcionki dla elementu wyżej w hierarchii, w Internet Explorerze 5 nie spowoduje to zmiany tej własności w poszczególnych komórkach (TD) ani w tytule tabeli (CAPTION). Natomiast w MSIE 6 wszystko jest w porządku, ale nie w trybie Quirks. Przykład To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym...
- 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...
- Drukowanie CSS / Kontekst strony @page
...margin-right, margin-bottom, margin-left rozmiar papieru: size W deklaracjach kontekstu strony nie wolno używać jednostek "em" (wysokość czcionki) ani "ex" (wysokość małej litery), ponieważ nie istnieje w nim pojęcie czcionki. Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić marginesy i rozmiar strony na wydruku. Różnica pomiędzy marginesami w kontekście strony, a tradycyjnymi marginesami jest taka...
- Tekst CSS / Orientacja tekstu {text-orientation}
...ułożonych w taki sposób w pionie słów kluczowych. W przypadku języków azjatyckich, w których tekst tradycyjnie pisze się z góry na dół, można użyć czcionki, która ma wbudowaną pionową orientację tekstu. Wtedy zarówno w przypadku użycia wartości mixed jak i upright znaki będą ułożone jeden pod drugim i nie zostaną obrócone. Aby wymusić obrócenie, bez względu jakiej czcionki używamy i w jakim języku jest napisany tekst, należy posłużyć się wartością sideways. Zwracam uwagę, że aby ustawienie...
- Reguły specjalne CSS
...Zewnętrzny arkusz stylów 2 @import "adr"; @import url(adr); import stylów z innego arkusza Import arkusza stylów 1 @font-face opis czcionki Czcionki osadzone 2 @counter-style wart niestandardowy styl licznika Niestandardowy typ stylu wykazu 3 @page pudełko strony Kontekst strony 2 @page :first Okładka wydruku 2 @page :left @page :right Druk dwustronny 2 @page wart Typ strony wydruku 2 @import url(adr) wart; @media wart docelowe typy mediów...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...kolor tła, tekstu, czcionkę. Rozumie znaczenie estetyki i dopasowania strony do treści. Materiały Kolor tła oraz tekstu HTML Wielkość i rodzaj czcionki HTML Pozioma linia Podsumowanie Powtórka Quiz i certyfikat Przebieg 10 min - Pokaz: zmiana kolorów tła i tekstu strony, wielkości i rodzaju czcionki, dodanie <hr> - z omówieniem estetyki. 15 min - Uczniowie stosują zmiany do swojej strony (dodają kolory, linie, dopasowują styl). 10 min - Quiz z kursu - uczniowie pracują...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...i deklaracji. Różnice między stylem zewnętrznym, wewnętrznym i inline. 20 min - Praca z arkuszem stylów Dodanie koloru tła i tekstu. Zmiana czcionki, rozmiaru i wyrównania tekstu. 10 min - Sprawdzenie efektów działania stylów 5 min - Zadanie domowe: zmodyfikować kolory i wyrównanie na stronie. Lekcja 4 - Tworzenie strony za pomocą szablonu Czas trwania: 45 minut Cele szczegółowe Uczeń korzysta z gotowego szablonu HTML. Uczeń wypełnia szablon własną treścią i obrazkami...
- 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...