czcionka - Kurs HTML i CSS
CSS dla zielonych / Czcionka CSS {font-size, font-family}...użytkownik odwiedzający stronę będzie miał zainstalowaną taką czcionkę w swoim systemie operacyjnym. W przeciwnym razie automatycznie zostanie użyta czcionka Helvetica, a jeśli i to nie będzie możliwe, tekst zostanie wyświetlony przy pomocy czcionki najbardziej zbliżonej wyglądem.
Tekst HTML / Czcionka pomniejszona <small><small>...</small> wyświetlanie: w linii Wprowadza tekst napisany pomniejszoną czcionką. Reprezentuje przypisy (wyjaśnienia, zastrzeżenia, ograniczenia prawne, prawa autorskie). Wpisując powyższe znaczniki (tego samego rodzaju) jeden wewnątrz drugiego (np.: <small><small>...</small></small>), można zmniejszyć rozmiar tekstu o kilka wielkości. Przykład <small> To jest zwykły tekst... a ten tekst jest napisany czcionką pomniejszoną (small)
- HTML dla zielonych / Wielkość czcionki HTML <span "font-size">
...W tym celu należy objąć tekst znacznikiem z przypisanym atrybutem o odpowiedniej wartości: <span style="font-size: xx-small">...</span> (najmniejsza czcionka), <span style="font-size: x-small">...</span> (bardzo mała czcionka), <span style="font-size: small">...</span> (mała czcionka), <span style="font-size: medium">...</span> (średnia czcionka), <span style="font-size: large">...</span> (duża czcionka), <span style="font-size: x-large">...</span> (bardzo duża czcionka), <span...
- Znaki specjalne HTML / Symbole
...omega" Grecka mała litera "omega" ω ϑ ϑ Greek small letter "theta symbol" Grecka mała litera "theta symbol" (w IE6 tylko czcionka Unicode) ϑ ϒ ϒ Greek "upsilon" with hook symbol Grecka litera "ypsilon" z symbolem "haczyka" (w IE6 tylko czcionka Unicode) ϒ ϖ ϖ Greek "pi" symbol Grecki "pi" symbol ϖ Interpunkcja • • Bullet (black small circle) Małe czarne koło • … … Horizontal ellipsis (three...
- Czcionki CSS / Rodzaj czcionki {font-family}
...systemie operacyjnym, tekst zostanie napisany czcionką domyślną (może to być 'Times New Roman', chociaż to też nie jest pewne). Poza tym nie każda czcionka potrafi zapisać poprawnie polskie znaki (w standardzie UTF). Koniecznie sprawdź rezultat w praktyce! Korzystniej jest wypisać kilka rodzajów - wtedy zostanie użyta taka czcionka, którą pierwszą w kolejności podawania będzie posiadał użytkownik. W systemie Windows standardowo dostępne powinny być czcionki: 'Times New Roman' (szeryfowa)...
- HTML dla zielonych / Rodzaj czcionki HTML <span "font-family">
...napisany czcionką domyślną (w systemie Windows najprawdopodobniej będzie to 'Times New Roman', chociaż to też nie jest pewne). Poza tym nie każda czcionka potrafi zapisać poprawnie polskie znaki. Koniecznie sprawdź rezultat w praktyce! W przypadku drugiego polecenia zostanie użyta taka czcionka, którą pierwszą w kolejności podawania będzie posiadał użytkownik. Jest to lepszy sposób, gdyż pozwala się zabezpieczyć na wypadek nieposiadania jednego rodzaju czcionki przez użytkownika. W...
- Czcionki CSS / Wielkość czcionki {font-size}
...wielkość została określona w arkuszu stylów (importowanym, zewnętrznym lub wewnętrznym) albo poprzez styl lokalny [zobacz: Wstawianie stylów]. Jeśli czcionka bieżąca nie została określona, najczęściej przyjmuje domyślną wielkość 16px. Przykład rozmiar smaller czcionka bieżąca rozmiar larger Jednostki długości Jednostka "em" jest w tym przypadku miarą względną i odnosi się do rozmiaru czcionki zdefiniowanej dla elementu rodzica, czyli: 1em = 100%. Przykład rozmiar 0.5cm rozmiar 4mm...
- Czcionki CSS / Styl czcionki {font-style}
...można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: normal - czcionka normalna (podstawowa) italic - czcionka pochylona (jeżeli niedostępna, automatycznie wybierany jest styl oblique) oblique - również czcionka pochylona (podobna jak poprzednio) Polecenie pozwala nadać czcionce określony styl. Może to być: czcionka zwyczajna, pochylona lub pochylona drugiego rodzaju. Dwie ostatnie są wyświetlane bardzo...
- Czcionki CSS / Waga czcionki {font-weight}
...np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "waga" należy wpisać: Wartości absolutne: normal - czcionka normalna (podstawowa) bold - czcionka pogrubiona 100, 200, 300, 400 (odpowiednik "normal"), 500, 600, 700 (odpowiednik "bold"), 800, 900 - każdy następny numer wskazuje wagę czcionki przynajmniej tak samo wytłuszczonej jak dla poprzedniej wartości w sekwencji Niektóre rodziny czcionek mogą nie posiadać wszystkich dziewięciu stopni...
- Czcionki CSS / Proporcje czcionki {font-size-adjust}
...są bardziej czytelne już przy mniejszej wysokości całkowitej. Przykładowo wyrażenia: 'Times New Roman' oraz Verdana, zostały napisane różnymi czcionkami, ale o tej samej wielkości. Mimo to, pierwsze z nich (napisane czcionką 'Times New Roman') wydaje się wyraźnie mniejsze (jeżeli posiadasz oba rodzaje czcionek). Przy deklarowaniu rodzaju czcionki zawsze istnieje niebezpieczeństwo, że użytkownik nie będzie posiadał zdefiniowanych przez Ciebie czcionek. Wtedy cały tekst na ekranie...