czcionki html - Kurs HTML i CSS
HTML dla zielonych / Rodzaj czcionki HTML <span "font-family">...rodzaj, rodzaj1, rodzaj2, rodzaj3... należy wpisać rodzaje czcionek (np.: Arial, 'Courier New', 'Times New Roman', Verdana i inne). Jeżeli nazwa czcionki składa się z kilku wyrazów, to trzeba ją objąć w znaki apostrofu (np.: <span style="font-family: Verdana, 'Times New Roman', Arial">Tekst</span>). W miejsce kropek można wpisać dalsze rodzaje czcionek rozdzielone przecinkami (same kropki należy usunąć). Uwaga! Należy być ostrożnym z używaniem tego polecenia, ponieważ jeśli użytkownik...
- HTML dla zielonych / Wielkość czcionki HTML <span "font-size">
...xx-large">Czcionka o rozmiarze xx-large</span> Czcionka o rozmiarze xx-large Pytania i odpowiedzi <span "font-size"> Jak zmienić rozmiar czcionki HTML? 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>...
- HTML dla zielonych / Kolor czcionki HTML <span "color">
...na ekranie przeglądarki otrzymamy: Ten tekst został napisany czcionką koloru czerwonego Pytania i odpowiedzi <span "color"> Jak zmienić kolor czcionki w HTML? W tym celu należy objąć tekst znacznikiem z przypisanym atrybutem o odpowiedniej wartości: <span style="color: black">...</span> (czarny), <span style="color: white">...</span> (biały), <span style="color: silver">...</span> (srebrny), <span style="color: gray">...</span> (szary), <span style="color: maroon">...</span>...
Czcionki CSS / Czcionki osadzone @font-faceSpis treści @font-face Czcionki osadzone @font-face Google Fonts Wersja czcionki Alfabet Lista czcionek Czcionki osadzone @font-face Najbardziej zaawansowaną możliwością ustalania kroju czcionki są tzw. czcionki osadzone. Jak czytelnik zapewne zauważył w rozdziale pt. Rodzaj czcionki, ustalenie kroju czcionki wcale nie jest takie proste. O czcionce przy użyciu której zostanie wyświetlona nasza strona WWW, decyduje zestaw "fontów" zainstalowanych przez użytkownika (w jego systemie...
- Czcionki CSS / Wielkość czcionki {font-size}
Spis treści {font-size} Wielkość czcionki {font-size} Najlepszy sposób ustalania wielkości czcionki Jednostka "em" Jednostka "px" Jednostka "pt" Podsumowanie Wielkość czcionki {font-size} selektor { font-size: rozmiar } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wielkość czcionki. Możliwe są tutaj cztery sposoby: Imienne...
- Jednostki CSS / Długość
Spis treści Wstęp Jednostki względne Jednostki względne czcionki Jednostki procentowe obszaru wyświetlania Jednostki bezwzględne Porównanie jednostek długości Wstęp Jednostki długości stosuje się w bardzo wielu poleceniach dotyczących stylów, np. wielkość czcionki, marginesów czy rozmiary elementów itd. Format wartości długości składa się z opcjonalnego znaku liczby ("+" - domyślny lub "-"), liczby całkowitej lub rzeczywistej oraz jednostki. Po wartości długości 0 jednostka jest...
- Menu w CSS / Poziome menu
...się poniżej Wady: Brak możliwości ustalenia jednakowej szerokości pozycji listy Odstępy między odnośnikami zależą od rodzaju i rozmiaru czcionki, a przy tym nie mogą być mniejsze niż szerokość jednej spacji Ustawiając wyświetlanie w bloku (block) oraz oblewanie (float) dla pozycji listy: ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul li { float: left; } Efekt: Czcionki Tekst Tło Marginesy Obramowanie W tym przypadku blokada zawijania...
- Dobre praktyki / Przykazania webmastera
...(i odwrotnie) Ustal w jednym miejscu globalne style formatowania tekstu Używaj właściwych jednostek do ustawiania rozmiaru tekstu Ustalaj rodzaj czcionki zawsze wspólnie z jej wielkością (i odwrotnie) Ustalanie rodzaju czcionki zawsze kończ podając nazwę rodziny ogólnej Tekst musi być czytelny Nie zmuszaj czytelników do szukania odnośników Rozważ używanie techniki "duszków" CSS (and. CSS sprites) Nie stosuj trybu Quirks na nowo tworzonych stronach Nie powtarzaj kodu (zasada DRY...
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...
- Menu w CSS / Menu z nagłówkami
...rozwinięcie krótkiego nagłówka, zapisanego wewnątrz <dt>...</dt> - taki kod również jest poprawny semantycznie: <dl> <dt>CSS</dt> <dd><a href="czcionki.html">Czcionki</a></dd> <dd><a href="tekst.html">Tekst</a></dd> <dd><a href="tlo.html">Tło</a></dd> <dd><a href="marginesy.html">Marginesy</a></dd> <dd><a href="obramowanie.html">Obramowanie</a></dd> </dl> Efekt bez stylizacji: CSS Czcionki Tekst Tło Marginesy Obramowanie Oczywiście takie menu może zawierać więcej niż jeden...