czcionki - Kurs HTML i CSS
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...wszystkie nasze strony w obrębie całego serwisu mogą mieć pewne wspólne cechy. Dodatkowo jeśli w ostatniej chwili zdecydujemy się zmienić np. rodzaj czcionki na wszystkich stronach, możemy to zrobić, modyfikując jedynie zewnętrzny arkusz stylów, bez konieczności zmiany każdej strony osobno. Pozwala to zaoszczędzić mnóstwo czasu (zwłaszcza niezdecydowanym 😉). Wstawienie takiego zewnętrznego arkusza stylów jest bardzo proste. Wystarczy wpisać w treści nagłówkowej każdego z dokumentów...
- Tekst CSS / Orientacja tekstu {text-orientation}
...ułożonych w taki sposób w pionie słów kluczowych. W przypadku języków azjatyckich, w których tekst tradycyjnie pisze się z góry na dół, można użyć czcionki, która ma wbudowaną pionową orientację tekstu. Wtedy zarówno w przypadku użycia wartości mixed jak i upright znaki będą ułożone jeden pod drugim i nie zostaną obrócone. Aby wymusić obrócenie, bez względu jakiej czcionki używamy i w jakim języku jest napisany tekst, należy posłużyć się wartością sideways. Zwracam uwagę, że aby ustawienie...
- Drukowanie CSS / Kontekst strony @page
...margin-right, margin-bottom, margin-left rozmiar papieru: size W deklaracjach kontekstu strony nie wolno używać jednostek "em" (wysokość czcionki) ani "ex" (wysokość małej litery), ponieważ nie istnieje w nim pojęcie czcionki. Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić marginesy i rozmiar strony na wydruku. Różnica pomiędzy marginesami w kontekście strony, a tradycyjnymi marginesami jest taka...
- Dziedziczenie stylów CSS / Hierarchia elementów
...zdarzała się błędna interpretacja dziedziczenia stylów. Problemy stwarzały np. elementy tabeli: nawet jeśli zdefiniowaliśmy określoną wielkość czcionki dla elementu wyżej w hierarchii, w Internet Explorerze 5 nie spowoduje to zmiany tej własności w poszczególnych komórkach (TD) ani w tytule tabeli (CAPTION). Natomiast w MSIE 6 wszystko jest w porządku, ale nie w trybie Quirks. Przykład To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym...
- Reguły specjalne CSS
...Zewnętrzny arkusz stylów 2 @import "adr"; @import url(adr); import stylów z innego arkusza Import arkusza stylów 1 @font-face opis czcionki Czcionki osadzone 2 @counter-style wart niestandardowy styl licznika Niestandardowy typ stylu wykazu 3 @page pudełko strony Kontekst strony 2 @page :first Okładka wydruku 2 @page :left @page :right Druk dwustronny 2 @page wart Typ strony wydruku 2 @import url(adr) wart; @media wart docelowe typy mediów...
Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarkivar indeks = new Indeks('indeks'); indeks.wstaw(new Array( ['BODY i META','../html/body.html'], ['CSS 2','../css/css.html'], ['Czcionki','../css/czcionki.html'], ['Definicje','../css/definicje.html'], ['Dla zielonych','../html/zielony.html'], ['Drukowanie','../css/drukowanie.html'], ['Formularze','../html/formularze.html'], ['HTML 4.01','../html/html.html'], ['I co dalej...','../html/dalej.html'], ['Jednostki','../css/jednostki.html'], ['Języki','../html/jezyki.html'], ['Kaskadowe...
HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">...tekstu na całej stronie, możemy go później lokalnie (miejscowo) zmieniać za pomocą polecenia <span style="color: kolor">...</span> (zobacz: Kolor czcionki). Pytania i odpowiedzi <body "background-color, color"> Jak zmienić kolor tła i tekstu w HTML? Aby zmienić domyślny kolor tła oraz tekstu na całej stronie, najlepiej do znacznika właściwego ciała dokumentu dodać atrybut o odpowiednich wartościach. Na przykład: <body style="background-color: black; color: white">...</body> ustawi...
- Tekst HTML / Wyróżnienie <em, strong>
...tekstu. W sytuacjach kiedy szczególnie zależy nam na zwróceniu uwagi czytelnika na jakieś informacje, a nie jedynie na określonym sformatowaniu czcionki, powinniśmy użyć właśnie przedstawionych powyżej znaczników. Przykład <em, strong> <em>To jest tekst wyróżniony</em> <strong>To jest tekst o wysokiej ważności</strong> Pytania i odpowiedzi <em, strong> Jak wyróżnić tekst w HTML? Aby położyć szczególny nacisk na jakiś tekst, najlepiej umieścić go wewnątrz znacznika <em>...</em>...
- 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...
- 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...