czcionka tekst - Kurs HTML i CSS
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...
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...
- 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.
- 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...
- Czcionki CSS / Wariant wielkości liter czcionki {font-variant-caps}
...wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) small-caps - kapitaliki, czyli tekst napisany wielkimi literami, lecz czcionką o wysokości zbliżonej np. do małej litery "x" all-small-caps - kapitaliki zastosowane do całego tekstu bez względu, czy oryginalnie znajdowały się w nim małe czy wielkie litery petite-caps - niższe kapitaliki (jeżeli czcionka nie...
- Jednostki CSS / Długość
...width: 320px". Jednak w pewnych sytuacjach może zależeć nam, aby wymiary elementów na stronie były zależne od podanego rozmiaru czcionki. Większa czcionka może wymagać szerszych bloków z tekstem. Używając jednostki rem wystarczy, że zmienimy tylko rozmiar czcionki jednego elementu, nie obawiając się czasem trudnych do przewidzenia skutków dziedziczenia stylów, a wymiary elementów strony automatycznie dopasują się do nowych ustawień, bez konieczności ręcznych zmian w wielu miejscach arkusza...