wyrazy - Kurs HTML i CSS
Tekst CSS / Orientacja tekstu {text-orientation}...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 wyrazy. Mogłoby to stanowić problem dla syntezatorów mowy...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...mogą obsługiwać "text-overflow: ellipsis" tylko w połączeniu z "white-space: nowrap". Przykład {text-overflow} p { width: 3em; } Za długie wyrazy w tym akapicie powinny wychodzić poza jego obręb. p { width: 3em; overflow: hidden; } Za długie wyrazy w tym akapicie powinny zostać przycięte. p { width: 3em; overflow: hidden; text-overflow: ellipsis; } Na końcu za długich wyrazów w tym akapicie powinny zostać wstawione wielokropki. p { width: 15em; overflow: hidden...
Tekst HTML / Słownik <dl, dt, dd>...</dl> wyświetlanie: w bloku Polecenie tworzy tzw. listę opisową, która jest przydatna, gdy piszemy słownik, w którym znajdują się pewne wyrazy i ich objaśnienia. Objaśnienia są zwykle przesunięte bardziej w prawo, dzięki czemu lista staje się czytelniejsza. (Zobacz także: Definicja). Zwracam uwagę, że w obrębie słownika tekst i inne elementy można wstawiać tylko wewnątrz znaczników terminów i definicji, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy: <dl> Słownik...
- HTML5 / Blokada autokorekty <... autocorrect>
...i spacji, w tekście wpisywanym przez użytkownika np. w obszarze tekstowym. Charakteryzuje się ona przede wszystkim się tym, że błędne wyrazy są od razu zastępowane ich poprawną formą, podczas gdy funkcja podstawowego sprawdzania pisowni jedynie wskazuje błędy (zwykle podkreśla wężykiem na czerwono) i ewentualnie proponuje listę potencjalnych poprawek. Autokorekta może jednak przysporzyć sporo kłopotów, jeśli pole nie zostało przeznaczone do wprowadzania zwykłego tekstu, tylko...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...zero) - zobacz szczegółowe wyjaśnienie dalej odd elementy nieparzyste (to samo co: 2n+1) even elementy parzyste (to samo co: 2n) Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. W celu poprawienia czytelności danych, często spotyka się obszerne tabele, w których kolejne nieparzyste wiersze są pokolorowane w odmienny sposób niż parzyste. Taki rodzaj formatowania można oczywiście uzyskać dodając co...
Przeglądarka zdjęć...muszą się znajdować w jednej linijce, tzn. absolutnie niedozwolone jest przełamywanie wiersza klawiszem Enter. Zwróć również uwagę na wyróżnione wyrazy przegladarka_zdjec: muszą być one w obu miejscach dokładnie identyczne, a dodatkowo nie mogą zawierać znaków zabronionych w identyfikatorach, tj. innych niż angielskie litery, cyfry (ale nie na początku) i podkreślniki ("_"). Aby umieścić w jednym dokumencie kilka oddzielnych przeglądarek zdjęć, należy powtórzyć tylko powyższą część kodu...
- Promocja strony WWW / Bannery i buttony
...Tekst na bannerze powinien być w miarę krótki - zostawienie pewnych niedopowiedzeń może dodatkowo zachęcić do odwiedzin. Dobrze jest dobrać właściwe wyrazy na reklamie: umieszczenie napisu "za darmo" da raczej lepsze rezultaty niż np. "zadłuż się" 🙂. Obserwacje wykazały, że zwykle lepsze efekty przynosi zaprezentowanie wybranego produktu niż całego serwisu. Np. jeśli prowadzisz sklep internetowy, możesz przygotować reklamę kilku promocyjnych produktów, zawierającą ich nazwę, zdjęcie, cenę...
- Znaki specjalne HTML / Encje HTML
...od niej rozpoczynać żaden wiersz. Dzięki symbolowi dodatkowej spacji, możesz pozbyć się wszystkich tych ograniczeń. Ponadto jeśli rozdzielisz dwa wyrazy symbolem dodatkowej spacji, masz pewność, że w tym miejscu nigdy nie zostanie przełamany wiersz (czyli nie zdarzy się tak, że pierwszy wyraz znajdzie się na końcu linii, a drugi na początku następnej). Właściwym przeznaczeniem niełamliwej spacji nie jest jednak wprowadzanie wcięć czy powiększonych odstępów w tekście. Znak ten pozwala...
- Selektory elementów CSS / Selektor typu
selektor { cecha: wartość } gdzie wyrazem selektor może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne [zobacz: Wstawianie stylów]. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Wyrazy "cecha" (ang. property) oraz "wartość" (ang. value) określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Tutaj będą przedstawione jedynie selektory. Selektor typu jest podstawowym rodzajem selektora...
- Selektory elementów CSS / Selektor uniwersalny
* { cecha: wartość } gdzie wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach [zobacz także: Wstawianie stylów]. Selektor taki pozwala ustalić określone atrybuty dla wszystkich elementów strony, a więc dla różnych selektorów typu. Możemy za pomocą tej komendy nadać to samo formatowanie dla wszystkich elementów na całej stronie, niezależnie od ich typu (p, h1, li itd.). Niestety jego działanie nie zawsze jest jednoznaczne, dlatego dużo...