efekt - Kurs HTML i CSS
Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>...strona zostanie załadowana do bieżącej ramki, czyli do tej na której został wstawiony powyższy odsyłacz (domyślnie - można pominąć ten atrybut, a efekt będzie ten sam) "_top" - strona zostanie wczytana w miejsce głównego dokumentu w hierarchii, czyli zmieni się adres w pasku adresu przeglądarki "_parent" - strona zostanie wczytana w miejsce nadrzędnego dokumentu w hierarchii "_blank" - strona zostanie załadowana w nowej karcie przeglądarki Atrybuty target="_top" i target="_parent...
Selektory pseudoklas CSS / Korzeń :root...dokumentu. W języku HTML korzeniem jest zawsze element HTML, zatem selektor ten jest w tym przypadku raczej mało przydatny, ponieważ ten sam efekt uzyskamy poprzez użycie najprostszego selektora typu: html { cecha: wartość } Nie zapominajmy jednak, że CSS nadaje się do stylizowania również dokumentów XML, gdzie nie ma żadnego wymogu co do nazwy elementu-korzenia. Przykład :root Po wpisaniu w arkuszu stylów: :root p { color: red } a w dowolnym miejscu strony: <p>To jest akapit</p>...
- 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.
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...czy górny zmieścił się w tekście i nie zachodził na sąsiadujące wiersze, wysokość linii musi zostać nieco powiększona. Powoduje to nieestetyczny efekt, kiedy sąsiednie linijki tekstu są od siebie bardziej odsunięte, ponieważ w jednej z nich pojawił się nawet tylko jeden indeks dolny lub górny. Wadę tę eliminuje użycie właściwości font-variant-position, dzięki której mimo wprowadzenia indeksu w tekście, wysokość linii się nie zmienia. W większości przypadków zaleca się jednak stosowanie...
- 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...
- Tekst CSS / Dekoracja tekstu {text-decoration}
...możliwością może być łączenie powyższych wartości w jednej deklaracji, np.: selektor { text-decoration: underline line-through overline } A oto efekt: Tekst podkreślony, przekreślony i nadkreślony Pytania i odpowiedzi {text-decoration} Co oznacza "text-decoration"? Właściwość CSS text-decoration służy do określania dekoracji tekstu, takich jak podkreślenie, przekreślenie, nadkreślenie. Może być stosowana do elementów tekstu, aby zmienić ich wygląd. Jak podkreślić słowo w CSS...
- Tekst CSS / Wyrównanie tekstu {text-align}
...left">...</p>. Co robi "text-align justify"? Deklaracja CSS "text-align: justify" wyrównuje tekst do obu marginesów, tworząc efekt wyjustowanego tekstu, gdzie odstępy między słowami są dostosowywane tak, aby linie tekstu miały równe długości. Jak wyrównać tekst do obu marginesów? Aby wyrównać tekst do obu marginesów, użyj właściwości text-align i ustaw wartość na justify, na przykład <p style="text-align: justify">...</p>. Jak ustawić tekst na środku strony...
- 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...
- Tekst CSS / Orientacja tekstu {text-orientation}
...upright". Dzięki temu kolejne znaki tekstu zostaną ułożone w pionie jeden pod drugim i nie będą obrócone. Może to przynieść lepsze efekty zwłaszcza w przypadku krótkich tekstów, np. jeden lub dwa wyrazy raczej bez żadnych znaków interpunkcyjnych. Teoretycznie taki sam efekt moglibyśmy uzyskać, jeśli po każdym znaku tekstu po prostu wstawilibyśmy znacznik końca linii. Jednak takie rozwiązanie nie byłoby dobrym pomysłem, ponieważ tak ułożone znaki logicznie nie łączyłyby się w...