czcionka - Kurs HTML i CSS
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...
- Czcionki CSS / Czcionki osadzone @font-face
...pozwalający używać na stronie WWW dowolne czcionki, bez obawy o niepoprawne wyświetlanie. Możliwe jest umieszczenie na serwerze specjalnego pliku z czcionkami, z którego korzysta przeglądarka, podczas wyświetlania strony. Nawet jeśli użytkownik nie będzie posiadał wymaganego kroju, zostanie on automatycznie pobrany z Internetu i dynamicznie tymczasowo zainstalowany w jego systemie. Użytkownik nie będzie mógł z takiej czcionki korzystać po wyjściu z serwisu - chroni to prawa autorskie...
Znaki specjalne HTML / Międzynarodowe...letter circumflex accent "Daszek" ˆ ˜ ˜ Small tilde Mała tylda ˜     En space Powiększona spacja (w IE6 tylko czcionka Unicode)     Em space Uwydatniona spacja (w IE6 tylko czcionka Unicode)     Thin space "Cienka" spacja (w IE6 tylko czcionka Unicode) ‌ ‌ Zero width non-joiner Pionowa linia ‍ ‍ Zero width joiner Pionowa linia z łącznikiem ‎ ‎ Left-to-right...
- Komendy HTML 4.01 / Wykaz elementów
...BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag w linii Algorytm dwukierunkowego tekstu BIG wymag/wymag w linii Duża czcionka BLOCKQUOTE wymag/wymag w bloku Długi cytat BODY opcj/opcj Ciało dokumentu BR wymag/zabr w linii Przełamanie linii BUTTON wymag/wymag w linii Przycisk CAPTION wymag/wymag Tekst nagłówkowy tabeli CENTER wymag/wymag w bloku Wyśrodkowanie CITE wymag/wymag w linii Odwołanie do źródła CODE...
- Dobre praktyki / Przykazania webmastera
...być czytelna bez grafiki Oznacza to np. że nie możesz wstawiać treści artykułów w postaci obrazków tylko dlatego, że spodobała Ci się fantazyjna czcionka, która standardowo nie jest dostępna w popularnych systemach operacyjnych. A jeśli użytkownik będzie chciał zaznaczyć kawałek takiego "tekstu"? Jeśli już naprawdę musisz użyć niestandardowego fontu, dla krótkich nagłówków możesz skorzystać z techniki zamiennika obrazkowego, a dla obszerniejszych akapitów - z czcionek osadzonych. Stosuj...
- Ikony (symbole) / Formatowanie tekstu
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Opis description description Kopia treści content_copy content_copy Pulpit nawigacyjny dashboard dashboard Edytuj notatkę edit_note edit_note Książka menu menu_book menu_book Widok siatki grid_view grid_view Lista list list Folder folder...
- Formularze HTML / Przycisk <button>
...przy pomocy zamieszczonego generatora. ✅ Rozpocznij konfigurację formularza Przykład <button> Treść przycisku: pogrubienie pochylenie podkreślenie czcionka 'Courier New' kolor czerwony mała czcionka Wykaz: Punkt pierwszy Punkt drugi Przykład z obrazkiem: Przykład z tabelką: komórka1 komórka2 komórka3 komórka4 Przycisk zablokowany!Ten przycisk jest zablokowany - disabled (nie obsługuje Opera 6). W niektórych systemach operacyjnych i przeglądarkach wygląd przycisków o dużych...
- Czcionki CSS / Atrybuty mieszane czcionki {font}
...Czcionki systemowe {font: caption icon menu message-box small-caption status-bar} Jako "wartości atrybutów" własności font można podać: caption - czcionka używana do podpisanych kontrolek (np. przycisków, rozwijalnych list) icon - czcionka etykiet ikon menu - menu message-box - okna dialogowe small-caption - etykiety małych kontrolek status-bar - pasek statusu okna Przykład {font: caption icon menu small-caption status-bar} font: caption font: icon font: menu font: message-box...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...w bieżącej czcionce w taki sposób, aby wszystkie zajmowały taką samą szerokość. Pozwala na to wariant czcionki: tabular-nums. Niestety nie każda czcionka udostępnia wszystkie warianty formatowania liczb. Niedostępne mogą być zwłaszcza warianty: ordinal, slashed-zero i stacked-fractions. Ponadto jeżeli czcionka nie będzie zawierać wariantu tabular-nums, przeglądarka może zasymulować podobny efekt dopasowując odstępy między sąsiednimi liczbami. W niektórych przypadkach wymaga to jednak aby...