size - Kurs HTML i CSS
HTML5 / Przestarzałe elementy i atrybuty HTML5...TD, TH hspace, vspace IMG, OBJECT marginheight, marginwidth IFRAME noshade HR nowrap TD, TH rules TABLE scrolling IFRAME size HR type LI, UL valign COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR width HR, TABLE, TD, TH, COL, COLGROUP, PRE
- Ikony (symbole) / Gospodarstwo domowe
...Stylizator styler styler Podwórko yard yard Wanna bathtub bathtub Liść oszczędności energii energy_savings_leaf energy_savings_leaf Łóżko king size king_bed king_bed Pokrycie dachowe roofing roofing Zawór valve valve Okno window window Gotowanie cooking cooking Garaż garage_home garage_home Drzwi frontowe door_front door_front Fundament foundation foundation Tryb ogrzewania mode_heat mode_heat Światło light light Garaż garage garage Grill na zewnątrz outdoor_grill...
Selektory pseudoelementów CSS / Pierwsza litera :first-letter...będzie mieć czerwony kolor: To jest akapit. Inny ciekawy przykład: p:first-letter { color: red; font-family: 'Times New Roman', serif; font-size: 300%; float: left } W ten sposób często rozpoczynają się rozdziały książek lub artykuły prasowe... W ten sposób często rozpoczynają się rozdziały książek lub artykuły prasowe... W ten sposób często rozpoczynają się rozdziały książek lub artykuły prasowe... W ten sposób często rozpoczynają się rozdziały książek lub artykuły prasowe... W ten...
- Selektory pseudoklas CSS / Zaznaczenie :checked
...type="radio" name="pole_opcji"> </fieldset> <fieldset> <input type="checkbox" checked> <input type="checkbox"> </fieldset> <select size="3"> <option selected>Opcja 1</option> <option>Opcja 2</option> <option>Opcja 3</option> </select> </form> otrzymamy formularz, w którym zaznaczone pola mają dodatkowy margines z lewej strony (aby to sprawdzić zmień zaznaczenie wybranych kontrolek): Opcja 1 Opcja 2 Opcja 3 Zaznaczona opcja listy rozwijalnej (ostatnia z...
- Selektory pseudoklas CSS / Domyślne :default
...checked name="pole_opcji" class="przyklad_domyslne"> <input type="radio" name="pole_opcji" class="przyklad_domyslne"> </fieldset> <select size="3"> <option selected class="przyklad_domyslne">Opcja 1</option> <option class="przyklad_domyslne">Opcja 2</option> <option class="przyklad_domyslne">Opcja 3</option> </select> <div> <button type="submit">Wyślij</button> <button type="reset">Wyczyść</button> </div> </form> otrzymamy formularz, w którym domyślne kontrolki mają...
- Tło CSS / Atrybuty mieszane tła {background}
...pozycja tła lub pozycja tła / rozmiary tła (CSS 3) pozycja początkowa tła (CSS 3) przycinanie tła (CSS 3) Wartość rozmiarów tła (background-size) musi być poprzedzona znakiem ukośnika i musi się znajdować bezpośrednio po wartości pozycji (background-position), np.: "left top / contain". Nie można podać rozmiarów tła bez określenia pozycji, ale można samą pozycję bez rozmiarów. Jeżeli zostanie podana pozycja początkowa tła (background-origin), a pominiemy przycinanie tła...
- Drukowanie CSS / Kontekst strony @page
...wartość można wstawić jedną lub więcej deklaracji: marginesy strony: margin, margin-top, 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...
- Drukowanie CSS / Typ strony wydruku {page}
...możemy użyć tyle razy, ile potrzebujemy. Na wszelki wypadek dobrze jest również wymusić przełamanie strony. Przykład {page} @page poziomo { size: landscape; } table { page: poziomo; page-break-before: always; page-break-after: always; }
- Kolory CSS / Wykaz kolorów systemowych
...elements Kolor cienia trójwymiarowych elementów ButtonText Text on push buttons Tekst na przyciskach CaptionText Text in caption, size box, and scroll bar arrow box Tekst w nagłówkach, polach zmiany rozmiaru i polach przewijania zawartości GrayText Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color Kolor tekstu na zablokowanych elementach Highlight Item(s) selected in a control Wybrana pozycja...
- Media CSS / Dostosowanie stylów CSS do różnych urządzeń
...dla medium aural). Jednakże różne media mogą dzielić te same własności, lecz często wymagają odmiennych wartości. Na przykład rozmiar czcionki (font-size) można ustawić zarówno dla ekranu, jak i dla drukarki, lecz dokumenty na komputerze potrzebują zwykle większej czcionki niż na papierze. Podobnie doświadczenie wskazuje, że czcionki z rodziny sans-serif są czytelniejsze na ekranie, podczas gdy serif - na papierze. Z tych powodów konieczne jest określenie, że dany arkusz stylów lub jego część...