image repeat - Kurs HTML i CSS
Menu w CSS / Menu z nagłówkami...bfb url("tlo.gif") repeat-x top; color: #365; border-left: 1px solid #797; } dl a:hover { background-color: #797; background-image: url("tlo2.gif"); color: #eff; } Wymagane grafiki (punkt.gif, tlo.gif, tlo2.gif) w powiększeniu:
- Komendy CSS 2 / Specyfikacja CSS
...że jedna lub więcej z nich musi się pojawić w deklaracji stylu w dowolnym porządku, np. dla zestawienia: <'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'> można podać: <'background-repeat'> <'background-image'> Nawiasy kwadratowe "[" oraz "]" służą do grupowania, np. wyrażenie: a b | c || d e jest równoważne: [ a b ] | [ c || [ d e ]] Gwiazdka "*" wskazuje, że poprzedzający typ, wyraz lub grupa może się...
- Dobre praktyki / Przykazania webmastera
...dotyczy wszystkich odwołań do plików graficznych, występujących arkuszu CSS - jeśli uległy zmianie, należy podnieść im numer rewizji: background-image: url("plik.gif?2"); Gdzie to tylko możliwe, staraj się skracać zapis w regułach stylów Oszczędzisz sobie w ten sposób pisania, a także zmniejszasz rozmiar arkusza CSS, co przyspiesza ładowanie strony. Używaj atrybutów mieszanych - np. margin zamiast zestawu: margin-top, margin-right, margin-bottom, margin-left. Nie dopisuj jednostki do...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...nieruchome, nawet jeśli będziemy przewijali zawartość strony. Wtedy w wewnętrznym arkuszu stylów strony należy użyć polecenia: body { background-image: url(obrazek.jpg); background-attachment: fixed } Polecenie to ma sens, tylko jeśli określimy równocześnie tło obrazkowe. Różnica pomiędzy wartościami "fixed" a "local" jest taka, że w przypadku drugiej z ich tło pozostaje nieruchome tylko jeśli do przewijania używamy suwaków elementu. Natomiast w przypadku kiedy przewijamy całą stronę...
- Komendy CSS 2 / background
WARTOŚĆ [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit OPIS Atrybuty mieszane tła INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY dla cechy 'background-position' MEDIA visual