repeat - Kurs HTML i CSS
Tło CSS / Pozycja początkowa tła obrazkowego {background-origin}...w tle więcej niż jeden obrazek: selektor { background-origin: początek obrazka 1, początek obrazka 2,... } Przykład {background-origin} no-repeat; left top; border-box no-repeat; left top; padding-box no-repeat; left top; content-box
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...class="ramka_pojemnik"> <div class="ramka_zawartosc"> ... </div> </div> </div> ...oraz CSS: .ramka { background: url(obramowanie.gif) no-repeat top; padding-top: 12px; width: 200px; } .ramka_pojemnik { background: url(obramowanie2.gif) no-repeat bottom; padding-bottom: 12px; } .ramka_zawartosc { background: #92C892 url(obramowanie3.gif) repeat-y center; padding: 0 12px; color: #031; } Uzyskany efekt: To jest przykład tradycyjnie wykonanego "obramowania" obrazkowego...
- Menu w CSS / Poziome menu
...ul li { float: left; } ul a:link, ul a:visited { text-decoration: none; display: block; font-weight: bold; background: #000 url("tlo.gif") repeat-x center; color: #fff; padding: 10px 20px; border-right: 1px solid #fff; border-right: 1px solid #fff; } ul a:hover { background-color: #800; background-image: url("tlo2.gif"); } Chociaż w tym przykładzie rozmiary odnośników nie zostały ustalone, wyświetliliśmy je blokowo z uwagi na możliwy błąd w bardzo starych przeglądarkach...
- Menu w CSS / Pionowe menu
...{ display: block; list-style: none; margin: 0; padding: 0; } ul li { width: 190px; padding-left: 10px; background: #797 url("punkt.gif") no-repeat left top; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px; font-weight: bold; background: #bfb url("tlo.gif") repeat-x top; color: #365; border-left: 1px solid #797; } ul a:hover { background-color...
- Menu w CSS / Menu z nagłówkami
...dt { width: 180px; padding: 5px 10px; font-weight: bold; font-size: larger; text-align: center; background: #797 url("tlo2.gif") repeat-x top; color: #eff; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } dd { width: 190px; padding-left: 10px; background: #797 url("punkt.gif") no-repeat left top; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } dl a:link, dl a:visited { display: block...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...w postaci ukośnej 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...
- Komendy CSS 2 / Specyfikacja CSS
...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ę pojawić zero lub więcej...
- Dobre praktyki / Przykazania webmastera
Spis treści Wstęp Dobre praktyki HTML Dbaj o poprawność ortograficzną i stylistyczną tekstu Używaj polskich znaków diakrytycznych Rozpoczynaj pracę od stworzenia semantycznego kodu HTML bez żadnej stylizacji Nie używaj elementów ani atrybutów zdeprecjonowanych Unikaj stosowania ramek - zarówno tradycyjnych jak i lokalnych Nie stosuj tabelek do budowania układu strony Nawigacja musi być intuicyjna i wygodna Unikaj używania atrybutu target="..." dla odsyłaczy Nie używaj znaczników img...
Ikony (symbole) / Audio i wideo...do przodu fast_forward fast_forward Dodaj do listy odtwarzania playlist_add playlist_add Połączenie wideo video_call video_call Powtórz repeat repeat Wyłącz dźwięk volume_mute volume_mute Mikrofon wyłączony mic_off mic_off Losowe odtwarzanie shuffle shuffle Słuch hearing hearing Podcasty podcasts podcasts Muzyka w bibliotece library_music library_music Dodaj do listy odtwarzania (sprawdź) playlist_add_check playlist_add_check Szybkie przewijanie wstecz fast_rewind...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...scroll - Przykład 1 Strona z użyciem background-attachment: fixed - Przykład 2 Strona z użyciem background-attachment: fixed (oraz no-repeat i center) - Przykład 3 Wielokrotne zaczepienie (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor { background-attachment: zaczepienie obrazka 1, zaczepienie obrazka 2,... } Jeżeli w tle wstawimy więcej niż jeden obrazek, możemy dla każdego z nich określić inny sposób zaczepienia. Jeżeli pominiemy ustawienie...