rodzaj - Kurs HTML i CSS
Czcionki CSS / Wielkość czcionki {font-size}...które z zasady posiadają rozmiary pikselowe. Czytelność tekstu zależy nie tylko od jego rozmiaru, ale również m.in. od proporcji, a więc rodzaju czcionki. Dlatego tak samo jak kolor tekstu zawsze powinno ustalać się wspólnie z kolorem tła, definiując rodzaj czcionki trzeba podać również jej rozmiar. Może się zdarzyć, że domyślnie ustawiona w przeglądarce czcionka ma bardzo duże proporcje, a więc będzie zupełnie czytelna przy rozmiarze "13px", podczas gdy najczęściej domyślnie...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...clip oraz behavior, text-autospace i layout-grid. W trybie zgodności dla własności font musimy obowiązkowo podać przynajmniej wielkość i rodzaj czcionki, w przeciwnym razie cała deklaracja zostanie zignorowana. Wcześniejsze wersje Internet Explorera przyjmowały także częściowe ustawienia. Dotyczy to również przeglądarki Opera. W trybie zgodności każda wartość określająca długość musi mieć obowiązkowo podaną jednostkę. Wartości bez jednostek lub z wstawioną spacją między liczbą a...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...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 drugiemu wierszowi odpowiednią klasę. Gdy jednak wierszy jest sporo, zaczyna to być niewygodne. A co jeśli jutro zażyczymy sobie inny sposób kolorowania wierszy tej tabeli - w cyklu co trzy, a nie co dwa elementy? Dzięki przedstawionym tutaj selektorom można to uzyskać bez najmniejszego...
HTML5 / Nowe elementy HTML5...poprzez e-mail lub obsłużone przez skrypty działające w przeglądarce. DATALIST Tworzy listę rozwijaną (kombi) dla elementu INPUT. OUTPUT Pewien rodzaj danych wyjściowych, np. wynik obliczeń ze skryptu. PROGRESS Stopień ukończenia zadania - np. pobierania albo w czasie wykonywania czasochłonnych operacji. METER Wynik pomiaru - np. zapełnienie dysku. Oprócz wymienionych tutaj znaczników do elementów formularzy zaliczamy również: FORM, FIELDSET, LEGEND, LABEL, INPUT, BUTTON, SELECT...
- I co dalej... / Darmowe serwery
...to zwłaszcza plików graficznych, które nie są pobierane ponownie, nawet jeśli są umieszczone na różnych podstronach witryny). Limit transferu to rodzaj licznika, który sumuje rozmiar wszystkich plików i dokumentów "transferowanych" z całego serwisu, podczas odwiedzin użytkowników. Jeżeli licznik przekroczy ustaloną wartość, strona przestanie się wyświetlać. Zwykle limity są nałożone na okres miesiąca, tzn. po przekroczeniu ustalonej wartości, strona zacznie się ponownie wyświetlać dopiero...
- Selektory pseudoklas CSS / Pierwsze dziecko :first-child
Dowolny rodzic: dziecko:first-child { cecha: wartość } Określony rodzic: rodzic > dziecko:first-child { cecha: wartość } Rodzicem oraz dzieckiem może być praktycznie dowolny znacznik, przy czym dziecko zawiera się w znaczniku rodzica [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Pierwsze z poleceń pozwala nadać określone atrybuty formatowania dla elementów, będących pierwszym...
- Selektory pseudoklas CSS / Ostatnie dziecko :last-child
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) Dowolny rodzic: dziecko:last-child { cecha: wartość } Określony rodzic: rodzic > dziecko:last-child { cecha: wartość } Rodzicem oraz dzieckiem może być praktycznie dowolny znacznik, przy czym dziecko zawiera się w znaczniku rodzica [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Pierwsze z poleceń pozwala nadać...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
- HTML5 / Wstawka <aside>
...odprężenia po trudnym dniu. Sterują zarówno naszymi samochodami, jak i statkami kosmicznymi.</p> <aside> <h1>Laptop</h1> <p>Ten przenośny rodzaj komputera, ze względu na liczne zalety, szybko przyjął się wśród użytkowników.</p> </aside> <article> Należy tutaj podkreślić, że powyższy artykuł nie opisuje rodzajów komputerów, a jedynie podaje informacje ogólnie o tym urządzeniu elektronicznym. Dlatego wstawka o laptopach jest tutaj jak najbardziej uprawniona. W przeciwnym razie...
- Znaki specjalne HTML / Emotikony (emoji)
Spis treści Co to są emotikony (emoji)? Generator emotikon (emoji) Co to są emotikony (emoji)? Emoji to specjalny rodzaj znaku przedstawiający piktogram graficzny. Mimo iż często wygląda jak ikona obrazkowa, to tak naprawdę można go wstawić w zasadzie wszędzie tam, gdzie wpisuje się zwykły tekst. Może to być np. okno rozmowy większości komunikatorów internetowych albo dodawania nowej wiadomości w zasadzie w dowolnym serwisie społecznościowym. Emotikona to specjalny ideogram służący do...