efekt - Kurs HTML i CSS
Tekst CSS / Cień pod tekstem {text-shadow}...cienia w prawo (ujemne wartości przesuwają w lewo) pion - przesunięcie cienia w dół (ujemne wartości przesuwają w górę) rozmycie - promień efektu rozmycia (opcjonalnie) kolor - kolor bazowy efektu (opcjonalnie - jeśli go nie podamy, przyjmie kolor taki, jak sam element) Wartości "poziom", "pion" oraz "rozmycie" należy podać, używając jednostek długości. Możliwe jest podanie więcej niż jednego efektu - wtedy kolejne efekty należy rozdzielić przecinkami. Zostaną one zastosowane w...
Formularze HTML / Wyczyszczenie danych <input "reset">...wyczyścić formularz, ponieważ może to wymagać indywidualnego podejścia w zależności od tego z jakich pól się on składa. Potrzeba uzyskania takiego efektu raczej nie jest częsta - zwykle chodzi nam raczej o zresetowanie danych, a nie ich całkowite wyczyszczenie. Jeśli rzeczywiście jest to konieczne, można taki efekt zaimplementować przy pomocy odpowiedniego skryptu JavaScript.
- Formularze HTML / Przykład formularza HTML
...DOS Linux Inny Podaj swój komentarz: Proszę, wpisz tutaj jakiś komentarz... (możesz kliknąć przycisk "Wyślij formularz", aby zobaczyć szybki efekt, bez wysyłania danych) Aby ustalić dokładne położenie pól formularza, zwykle umieszcza się je w komórkach tabeli. W ten sposób możliwe jest np. ustawienie opisów w lewej kolumnie, a samych pól w równej odległości po prawej (nie dotyczy to pól wyboru, opcji itp., do których użytkownik nie może wpisywać tekstu). Jeśli zrobimy to bez tabeli...
- Promocja strony WWW / Pozycjonowanie (SEO)
...tam znajduje. Nie należy zbyt często powtarzać jednakowych słów kluczowych na tej samej stronie, bo większość wyszukiwarek uznaje to za oszustwo i efekt jest odwrotny do oczekiwanego - niższa pozycja w rankingu. Długość tego znacznika to 75 do 1024 znaków (należy się trzymać w tych granicach), wliczając spacje i znaki interpunkcyjne, a nie tylko litery. Warto pamiętać, że górna z wymienionych wartości obecnie nie jest akceptowana przez większość wyszukiwarek, więc wpisywanie aż tak długiego...
- Tło CSS / Usunięcie tła {background: none, background-color: transparent}
...które znajdują się w arkuszu (np. kolor tekstu na stronach), pomijając przy tym tą, która odpowiada za tło. Chociaż początkowo osiągniemy żądany efekt, jednak przy każdej modyfikacji szaty graficznej serwisu, będziemy zmuszeni modyfikować również taką stronę. Nie dość, że jest to uciążliwe (zwłaszcza gdy istnieje więcej takich stron), to po jakimś czasie możemy po prostu zapomnieć o tej dodatkowej modyfikacji, co sprawi, że strona taka będzie różniła się wyglądem od innych. W wewnętrznym...
- Tabele CSS / Rozmiary tabeli {width, height}
...odpowiednią wartość, na przykład: "width: 500px" lub "width: 50%" w zależności od preferencji. Jak dopasować tabelę do marginesów? Aby uzyskać efekt autodopasowania rozmiaru tabeli do okna, który jest znany z programu Microsoft Word, można ustawić szerokość tabeli na 100% za pomocą właściwości width, co spowoduje, że tabela zajmie całą dostępna przestrzeń w poziomie, a kolumny dopasują się proporcjonalnie do zawartości. Przykład: <table style="width: 100%">...</table>.
- Obramowanie CSS / Atrybuty mieszane obramowania {border}
...np. zamiast wpisywać: border-width: medium; border-style: solid; border-color: blue wystarczy podać: border: medium solid blue a otrzymamy ten sam efekt. Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border} border-top: thick double green border: medium solid blue Podkreślenie tekstu Ciekawym zastosowaniem dolnego obramowania może być uzyskanie efektu podkreślenia o różnym stylu...
- Pozycjonowanie CSS / Pozycja ustalona {position: fixed}
...jest nieruchomy podczas przewijania strony, przez co jest on przez cały czas widoczny na ekranie, dokładnie w tym samym miejscu. Daje to zbliżony efekt, jak nieruchome pojedyncze tło. Przykład {position: fixed} Przykład
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...wchodzi w skład CSS 2.0, ale nie CSS 2.1. Nie jest interpretowane! Poniżej znajdziesz opis alternatywnej metody, która pozwala uzyskać podobny efekt. Przykład {marker-offset} li:before { display: marker; marker-offset: 3em; } Wyróżnik obrazkowy w tle Istnieje jednak dość prosty, lecz być może nie tak oczywisty, sposób zastąpienia nieobsługiwanej własności marker-offset przez zespół reguł CSS interpretowanych praktycznie wszędzie: ul, li { list-style-type: none; display: block...
- Drukowanie CSS / Przełamanie strony {page-break-before, page-break-after}
...rozdziałów. Kto to widział, żeby tytuł znajdował się na końcu poprzedniej strony, a sama treść rozdziału na początku następnej? Aby zobaczyć efekt, nie musisz za każdym razem drukować całej strony. Wystarczy włączyć w przeglądarce internetowej podgląd wydruku. Zwykle znajduje się on w menu Drukuj. Powinien być również dostępny przy pomocy skrótu klawiaturowego Ctrl+P.