czcionki - Kurs HTML i CSS
Komendy HTML 4.01 / Wykaz atrybutów...klienta shape AREA Kształt obszaru w mapie odnośników size BASEFONT (wymagany) Czcionka bazowa dla elementów FONT size FONT Rozmiar czcionki, np.: size="+1", size="4" size HR Rozmiar poziomej linii size INPUT Rozmiar pola formularza size SELECT Liczba widocznych wierszy span COL Liczba kolumn na które oddzłują atrybuty COL span COLGROUP Domyślna liczba kolumn w grupie src FRAME, IFRAME Źródło zawartości ramki src IMG (wymagany) Adres...
- Podcast HTML / #7 Widżety HTML
...z YouTube’a lub posty z Facebooka czy Twittera. Strony wyświetlane wewnątrz ramek nie przejmują sposobu formatowania (np. koloru, rozmiaru ani kroju czcionki) z dokumentu nadrzędnego, w którym zostały osadzone. Dzięki tej właściwości widżety wyglądają identycznie, niezależnie od strony, na której zostaną osadzone. Właściciele stron natomiast zyskują bezpieczeństwo, ponieważ zewnętrzny widżet nie może nic zmienić poza obrębem ramki, w której jest wyświetlany, co zapobiega "popsuciu" strony...
- Widżety HTML / Ramki HTML
...takimi ramkami. Do czego mogą się przydać ramki? Strony wyświetlane wewnątrz nich nie przejmują sposobu formatowania (koloru, rozmiaru ani kroju czcionki itp.) z dokumentu, w którym zostały osadzone. Dzięki tej własności są szczególnie chętnie używane przez twórców różnego rodzaju widżetów, czyli specjalnych gotowych wstawek, które można osadzić na swojej stronie. W ten właśnie sposób osadza się np. filmiki z YouTube'a, a także posty z Facebooka czy Twittera. Każdy z tych serwisów...
Rozmiary CSS / Szerokość i marginesy automatyczne...ustawić odpowiedni margines. Przykład: Poniższe bloki najprawdopodobniej ustawią się obok siebie, a nie jeden pod drugim (zależnie od rozmiaru czcionki i szerokości bloku obejmującego): <div style="float: left">Blok 1</div> <div style="float: left">Blok 2</div> <div style="float: left">Blok 3</div> Identyczny efekt: <div style="float: left; width: auto">Blok 1</div> <div style="float: left; width: auto">Blok 2</div> <div style="float: left; width: auto">Blok 3</div> Poniższe bloki...
- Komendy CSS 2 / font
...[ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit OPIS Atrybuty mieszane czcionki INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY dla cechy 'font-size' i 'line-height' MEDIA visual
- Komendy CSS 2 / font-size-adjust
WARTOŚĆ <liczba> | none | inherit OPIS Dopasowanie rozmiaru czcionki INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Komendy CSS 2 / font-stretch
...extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit OPIS Rozciągnięcie czcionki INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Komendy CSS 2 / font-style
WARTOŚĆ normal | italic | oblique | inherit OPIS Styl czcionki INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Komendy CSS 2 / font-variant
WARTOŚĆ normal | small-caps | inherit OPIS Wariant czcionki INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Komendy CSS 2 / font-weight
WARTOŚĆ normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit OPIS Waga czcionki INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual