przykład - Kurs HTML i CSS
Pozycjonowanie CSS / Pozycja statyczna {position: static}selektor { position: static } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Przywraca normalne pozycjonowanie elementu. Jest to przydatne np. w celu usunięcia ogólnej deklaracji pozycjonowania, umieszczonej w arkuszu stylów. Wystarczy wtedy, dla wybranych elementów strony, umieścić powyższe polecenie w stylu inline. Spowoduje to usunięcie pozycjonowania dla tych elementów, a jednocześnie utrzymanie dla innych (tego samego typu). Przykład {position: static}...
- Pozycjonowanie CSS / Widzialność {visibility}
...wyznaczone na nowo, dlatego stała się ona węższa, gdyż dopasowała się do zawartości tylko widzialnych komórek. Podkreślenia wymaga również fakt, że przykładowa tabela z "visibility: collapse" nie powinna wyglądać tak samo jak "visibility: hidden" - jeżeli wyglądają identycznie, to znaczy że Twoja przeglądarka nieprawidłowo interpretuje to polecenie. visibility: collapse na innym elemencie (obrazek z przykładu na samym początku) - zachowanie powinno być identyczne, jak dla "visibility...
- Drukowanie CSS / Blokada przełamania strony {page-break-inside}
(interpretuje: Internet Explorer, Firefox, Opera, Chrome) selektor { page-break-inside: wartość } Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać: avoid - unikanie przełamania auto - brak ograniczeń Polecenie page-break-inside: avoid powoduje, że strona nie zostanie przełamana wewnątrz wskazanego elementu, tzn. pozostanie on w całości na jednej stronie (chyba że będzie zbyt duży, aby się na niej zmieścić). Jest to...
- Tryb Quirks / Tryb niecałkowitej zgodności ze standardami
Ten rozdział dotyczy starszych przeglądarek i języka HTML 4.01. Jeśli tworzysz strony w HTML 5 na współczesne przeglądarki, nie musisz się tym przejmować. Interpretacja pewnych elementów wyglądu strony w Internet Explorerze 5 w dużym stopniu różniła się od obowiązujących standardów. Inne przeglądarki często się do tego dostosowywały. W Internet Explorerze 6 ta sytuacja uległa zmianie. Jednak, aby nie powodować poważnych błędów wyświetlania na starszych stronach WWW, które poprawnie wyświetlały...
- Jednostki CSS / Łańcuchy znakowe
...wpisujemy \HHHH, gdzie HHHH jest dwubajtową liczbą szesnastkową (dokładnie cztery cyfry 0-F), tzn. należy obowiązkowo wpisać cztery cyfry. Na przykład: "\A" = "\000A" = Enter "\22" = "\0022" = '"' "\27" = "\0027" = "'"
- Media CSS / Dostosowanie stylów CSS do różnych urządzeń
...cue-before - sygnał wywoławczy 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...
- Jednostki CSS / Długość
...obszaru wyświetlania odnoszą się do wymiarów tej widocznej powierzchni okna, w obrębie której przewijana jest zawartość strony (ang. viewport). Na przykład długość 100vw wynosi tyle co szerokość całego obszaru wyświetlania - 100%. vw - procentowa szerokość obszaru wyświetlania vh - procentowa wysokość obszaru wyświetlania vmin - mniejsza z wartości vw lub vh vmax - większa z wartości vw lub vh Nie jesteśmy w stanie przewidzieć, z jakiego urządzenia wyświetlającego korzysta użytkownik...
- Kolory CSS / Sposoby definiowania kolorów CSS
Specyfikacja stylów wprowadza następujące sposoby podawania wartości kolorów: 16 (17) kolorów podstawowych: black (#000000) silver (#C0C0C0) gray (#808080) white (#FFFFFF) maroon (#800000) red (#FF0000) purple (#800080) fuchsia (#FF00FF) green (#008000) lime (#00FF00) olive (#808000) yellow (#FFFF00) navy (#000080) blue (#0000FF) teal (#008080) aqua (#00FFFF) Ponadto CSS 2.1 definiuje jeszcze jeden dodatkowy kolor podstawowy: orange (#FFA500). CSS 3 określa dodatkowo 130...
MigotaniePrzykład Migotanie tekstu... ...inne migotanie Aby uzyskać taki efekt, wklej w nagłówku dokumentu: <script> function flash(id, kolor, czas, kolor2, czas2) { document.getElementById(id).style.color = kolor; setTimeout('flash("' + id + '","' + kolor2 + '",' + czas2 + ',"' + kolor + '",' + czas + ')', czas); } </script> a następnie w wybranym miejscu strony: <div id="identyfikator">Migotanie</div> <script> flash("identyfikator", "kolor1", czas1, "kolor2", czas2); </script> przy...
- AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTML
...stosowanym na wielu stronach, jest budowanie struktury serwisu w oparciu o tabele (lub elementy <div>...</div>) i ramki <iframe>...</iframe> (przykład takiego właśnie szablonu znajdziesz w rozdziale Struktura tabeli). Jest to wygodne o tyle, że pozwala szybko zbudować stronę elastyczną w aktualizacji, bez wykorzystania języków skryptowych po stronie serwera (np. PHP). Niestety takie rozwiązanie ma przynajmniej jedną poważną wadę: trudno jest dopasować wysokość ramki IFRAME tak, aby była...