size - Kurs HTML i CSS
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...id="' + this.id + '" action="javascript:void(0)" onsubmit="' + this.id + '.wyswietl(); return false">' + '<input type="text" name="haslo" size="30" onkeyup="' + this.id + '.zaznacz()" class="text">' + '<div><select name="hasla" size="' + (typeof rozmiar != 'undefined' && rozmiar ? rozmiar : 15) + '" ondblclick="' + this.id + '.wyswietl()">' ); for (var i = 0; i < hasla.length; i++) { document.write('<option value="' + ((typeof adres_bazowy == 'undefined...
Podcast HTML / #1 HTML dla zielonych...<span> z atrybutem style. Wartości atrybutów dla tego samego znacznika można łączyć, rozdzielając je średnikami. Rozmiar: <span style="font-size: large">Tu wpisz tekst</span> Kolor: <span style="color: red">Tu wpisz tekst</span> (np. na czerwony) Rodzaj czcionki: <span style="font-family: Arial">Tu wpisz tekst</span> Przykład łączenia formatowania (pogrubienie, kursywa, podkreślenie, rozmiar i kolor): <p style="text-align: center"><span style="font-size: large; color...
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...<link "stylesheet"> A oto przykładowy zewnętrzny arkusz stylów: /* SELEKTORY: */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #003868; background-color: #80B8E8; margin: 6mm; } p { text-align: justify; } pre, code { font-size: 8pt; } Strona kodowa @charset Jeżeli arkusz stylów zawiera narodowe znaki diakrytyczne, konieczne może być określenie strony kodowej. Można to zrobić umieszczając na samym początku arkusza stylów deklarację: @charset...
- Selektory pseudoklas CSS / Łączenie selektorów
...generowaniem zawartości: a.przyklad_selektory4:hover:after { content: "Rollover"; position: absolute; color: #000; background-color: #eee; font-size: 10px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #888; padding: 1px 5px } Jeśli wskażesz ten odsyłacz myszką, powinien pojawić się zaraz za nim nowy element z napisem "Rollover". A oto bardziej zaawansowany przykład: div.przyklad_selektory5 > ul:first-child[dir="ltr"]:lang(pl) + p[title]:first-letter { color: red...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...powiększy, ale przynajmniej wygląd indeksów nie będzie popsuty: @supports (font-variant-position: sub) { sub { vertical-align: baseline; font-size: 100%; line-height: inherit; font-variant-position: sub; } } @supports (font-variant-position: super) { sup { vertical-align: baseline; font-size: 100%; line-height: inherit; font-variant-position: super; } } Przykład {font-variant-position} Dzięki zastosowaniu font-variant-position wysokość linii się nie zmienia - zobacz...
- Jednostki CSS / Długość
...zgodnie z zasadą dziedziczenia stylów. Przykładowo załóżmy, że wysokość czcionki korzenia (element <html>) wynosi 16px, a dla <body> ustalono "font-size: 2em". Jeżeli teraz na stronie wstawimy blok ze stylem "width: 10em", uzyska on faktyczną szerokość: 16px * 2 * 10 = 320px (16px pochodzi o wysokości czcionki korzenia, 2 to względna wysokość czcionki <body>, a 10 - ustalona szerokość bloku). Jak widać, zmiana rozmiaru czcionki dla elementu <body> albo wstawienie dodatkowego potomka z...
- Media CSS / Wybór medium @media
...typów nazw mediów, rozdzielonych przecinkami. Pozwala to autorowi zdefiniować różne typy w jednym arkuszu stylów, np.: @media print { body { font-size: 10pt } } @media screen { body { font-size: 12pt } } @media screen, print { body { line-height: 1.2 } } Powyższe polecenia, wpisane w arkuszu stylów, definiują rozmiar czcionki 10pt dla wydruku, 12pt dla ekranu komputerowego oraz wysokość linii 1.2 jednocześnie dla ekranu i wydruku.
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...siatki. Pytania i odpowiedzi {background-color, background-image, color, background-attachment, background-position, background-repeat, background-size} Jak ustawić obrazek jako tło w CSS? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklaracje o odpowiednich wartościach. Na przykład jeśli plik tła nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co arkusz stylów *.css, a jego kolorystyka jest przeważająco jasna, można...
- Komendy HTML 4.01 / BASEFONT
Ustala atrybuty czcionki bazowej (zdeprecjonowane). Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami COLOR="kolor" Ustala kolor tekstu (zdeprecjonowane) DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej FACE="czcionki" Lista nazw czcionek rozdzielonych przecinkami, która będzie użyta do tekstu (zdeprecjonowane) ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...(również Firefox i Opera). Przejście na tryb zgodności pozwala tabelom dziedziczyć od dowolnego rodzica wartości własności takich jak: color, font-size, font-weight, font-style, font-variant, text-decoration, text-transform, letter-spacing i line-height. Tryb Quirks pozwala określić rozmiary elementów wyświetlanych w linii (inline). W trybie zgodności znak odwróconego ukośnika "\" pozwala usunąć z następnego znaku jego specjalne znaczenie (tzw. "escape character"). W trybie Quirks...