strony - Kurs HTML i CSS
Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}...można ustalić, aby nie było ono powtarzane oraz określić dokładną jego pozycję. Na koniec pozostaje tylko wykonanie wolnej przestrzeni z lewej strony punktów wykazu, tak aby zmieściły się tam obrazki markerów - tutaj właśnie można określić dowolny interesujący nas odstęp pomiędzy wyróżnikami wykazu a treścią poszczególnych punktów. Jeżeli chcemy dodatkowo ustalić margines z lewej strony wykazu, możemy to zrobić dodając deklarację margin-left do elementu ul (lub ewentualnie li)...
- Pozycjonowanie CSS / Pozycja statyczna {position: static}
...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} Gdyby w arkuszu stylów tej strony [zobacz: Wstawianie stylów], została umieszczona taka linijka: h1 { position: relative; left: 50% } to teraz wszystkie...
- Pozycjonowanie CSS / Wyświetlanie {display}
...Polecenie "display: none" okazuje się bardziej przydatne, niż początkowo można by sądzić. Przykładowe zastosowanie to usunięcie niektórych elementów strony podczas jej drukowania [zobacz: Media]. Nie ma raczej sensu drukować menu nawigacyjnego, które powtarza się na każdej stronie, ponieważ na papierze i tak będzie ono całkowicie bezużyteczne. Zastosowanie tego polecenia pozwoli zaoszczędzić trochę papieru, a jednocześnie sprawi, że wydruk będzie wyglądał bardziej spójnie. Polecenie...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...przykład: "float: right". To spowoduje, że obraz zostanie przesunięty na prawą stronę i tekst lub inne elementy będą wyświetlane obok niego z lewej strony. Jak ustawić elementy obok siebie CSS? Aby ustawić elementy obok siebie w CSS i sprawić, że pierwszy przylega do lewego marginesu, a drugi do prawego, można użyć właściwości float z wartościami left dla pierwszego elementu i right dla drugiego. Na przykład: <div style="float: left">Element 1</div> <div style="float: right">Element...
- Drukowanie CSS / Wydruk @media print
...(w przeglądarce internetowej). Podczas drukowania zwykle pomijane są wszystkie parametry, które dotyczą tła (trudno sobie wyobrazić wydrukowanie strony z czarnym tłem 🙂). Z uwagi na odrębność różnych mediów, wprowadzono możliwość definiowania oddzielnych własności dla różnych form prezentacji dokumentu. Na przykład rozmiar czcionki można ustalić zarówno dla ekranu, jak i dla drukarki, lecz dokumenty na komputerze potrzebują zwykle większej czcionki niż na papierze. Podobnie...
- Media CSS / Grupy mediów
...jednocześnie, zamiast podawania listy wszystkich, można podać tylko nazwę grupy mediów (CSS 2): continuous Media "ciągłe" - nie podzielone na strony (aural, braille, handheld, screen, tty, tv) paged Podział na strony (embosssed, handheld, print, projection, tv) visual Wizualne (handheld, print, projection, screen, tty, tv) aural Słuchowe (aural, tv) - CSS 2.1 wprowadza zamiast tego grupy speech i audio tactile Dotykowe (braille, embossed) grid Urządzenia używające siatki o stałej...
Aktywne przyciski / Pamięć podręczna...Używanie tej medoty dla obrazków w stanie podstawowym nie ma żadnego celu, ponieważ każdy obrazek, który jest normalnie umieszczony w kodzie strony - tak jak właśnie wariant podstawowy przycisków - automatycznie zapisuje się w pamięci podręcznej. Wstaw w kodzie nagłówkowym dokumentu (wewnątrz <head>...</head> następujący kod: <script> new Image().src = 'obrazek_podswietlony.gif'; new Image().src = 'obrazek_klikniety.gif'; </script> Należy tutaj umieścić ścieżki dostępu do...
- Aktualizacja / Nowość
...oraz dodatkowo po wskazaniu obrazka myszką. Jeśli chcesz zrezygnować z tekstu alternatywnego, nie wpisuj tutaj nic. Następnie w wybranym miejscu strony wpisujemy: <script> nowosc(rok,miesiąc,dzień); </script> gdzie wyróżniony fragment: "rok,miesiąc,dzień", należy zastąpić datą, która podaje, kiedy dana pozycja przestaje już być nowością. Pierwszą część powyższego kodu należy wstawić na stronie tylko jeden raz (w treści nagłówkowej). Natomiast druga część może pojawić się dowolną ilość...
- Rozwijane menu
...można stworzyć rozwijane menu, które działa w ten sposób, że po wyborze konkretnej opcji z listy, następuje wczytanie określonej strony (podobnie jak w przypadku odsyłaczy). Może to być przydatne np. jeżeli chcemy zaoszczędzić trochę miejsca na stronie (lista rozwijalna zajmuje tylko jedną linijkę). Ale uwaga! Jeśli przeglądarka użytkownika nie będzie obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w innym miejscu również...
- Wykaz skryptów / Prawa autorskie
...np. jeśli prowadzisz serwis zawierający zbór przydatnych skryptów - ale tylko jeśli w dowolnym miejscu opisu zostanie umieszczony link zwrotny do strony głównej tego kursu. Dostęp do skryptów nie może być płatny! Nie możesz Przypisywać sobie autorstwa skryptów zawartych w tym serwisie. Usuwać ani zmieniać komentarzy nagłówkowych skryptów, podających autora. W przeglądarce są one normalnie niewidoczne, więc nie sprawiają kłopotów. Jeśli nie ma takiego komentarza, nie trzeba go...