spis - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-typeSpis treści :nth-child :nth-last-child :nth-of-type :nth-last-of-type Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type Cykl Okres Przesuniecie początkowe Odwrotna kolejność Zapis Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type (CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Dzieci: dziecko:nth-child(cykl) rodzic > dziecko:nth-child(cykl) Dzieci - począwszy od ostatniego...
- Czcionki CSS / Wielkość czcionki {font-size}
Spis treści {font-size} Wielkość czcionki {font-size} Najlepszy sposób ustalania wielkości czcionki Jednostka "em" Jednostka "px" Jednostka "pt" Podsumowanie Wielkość czcionki {font-size} selektor { font-size: rozmiar } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wielkość czcionki. Możliwe są tutaj cztery sposoby: Imienne...
Nagłówek i treść HTML / Nawigacja <link "prev, next, help, search">Spis treści <link "prev, next, help, search"> Wstęp Sekwencja <link "prev, next"> Pomoc <link "help"> Szukaj <link "search"> Wstęp (interpretuje: Opera 12-) Niektóre przeglądarki pozwalają określić bezpośrednio z poziomu strony WWW dodatkowe punkty nawigacyjne w serwisie. Mogą one być wyświetlane na specjalnym pasku narzędzi (najczęściej Nawigacja) w postaci linków do wskazanych stron. Część z tego typu punktów nawigacyjnych może być również wykorzystywana przez roboty wyszukiwarek...
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
Spis treści <h1, h2, h3, h4, h5, h6> Tytuł nagłówka <h1, h2, h3, h4, h5, h6> Prawidłowa kolejność tytułów Dymek narzędziowy <h1 title, h2 title, h3 title, h4 title, h5 title, h6 title> Tytuł nagłówka <h1, h2, h3, h4, h5, h6> Tytuł pierwszego poziomu (główny) <h1>...</h1> Tytuł drugiego poziomu (sekcji) <h2>...</h2> Tytuł trzeciego poziomu (podsekcji) <h3>...</h3> Tytuł czwartego poziomu <h4>...</h4> Tytuł piątego poziomu <h5>...</h5> Tytuł szóstego poziomu (najniższej podsekcji)...
- Czcionki CSS / Czcionki osadzone @font-face
Spis treści @font-face Czcionki osadzone @font-face Google Fonts Wersja czcionki Alfabet Lista czcionek Czcionki osadzone @font-face Najbardziej zaawansowaną możliwością ustalania kroju czcionki są tzw. czcionki osadzone. Jak czytelnik zapewne zauważył w rozdziale pt. Rodzaj czcionki, ustalenie kroju czcionki wcale nie jest takie proste. O czcionce przy użyciu której zostanie wyświetlona nasza strona WWW, decyduje zestaw "fontów" zainstalowanych przez użytkownika (w jego systemie...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
Spis treści {counter-reset, counter-increment} Automatyczna numeracja wykazu {counter-reset, counter-increment} Style licznika Automatyczna numeracja wykazu {counter-reset, counter-increment} (interpretuje Internet Explorer 8.0, Firefox, Opera, Chrome, Konqueror) Jeżeli zaznajomiłeś się już czytelniku bardziej szczegółowo z zagadnieniem wykazów w języku HTML, to zapewne wiesz już, że nie oferują one żadnych bardziej skomplikowanych sposobów numeracji poszczególnych punktów i podpunktów...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
Spis treści @counter-style Niestandardowy typ stylu wykazu @counter-style System cykliczny @counter-style {system: cyclic} System ustalony @counter-style {system: fixed} System symboliczny @counter-style {system: symbolic} System alfabetyczny @counter-style {system: alphabetic} System numeryczny @counter-style {system: numeric} System addytywny @counter-style {system: additive} Ujemne numery wykazu @counter-style {negative} Przedrostek i przyrostek wykazu @counter-style {prefix...
- Rozmiary CSS / Szerokość i marginesy automatyczne
Spis treści Wstęp Elementy inline, nie-zastępowane Elementy inline, zastępowane Elementy blokowe, nie-zastępowane Elementy blokowe, zastępowane Elementy z oblewaniem (float) nie-zastępowane Elementy z oblewaniem (float) zastępowane Elementy pozycjonowane absolutnie, nie-zastępowane Elementy pozycjonowane absolutnie, zastępowane Elementy inline-block, nie-zastępowane Elementy inline-block, zastępowane Wstęp Podanie wartości auto dla własności określającej szerokość elementu...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
Spis treści {table-layout} Rozplanowanie tabeli {table-layout} Rozplanowanie automatyczne {table-layout: auto} Rozplanowanie ustalone {table-layout: fixed} Rozplanowanie tabeli {table-layout} selektor { table-layout: rozplanowanie } Selektorem może być element TABLE [zobacz: Wstawianie stylów]. Natomiast jako "rozplanowanie" należy podać: auto - szerokość tabeli zależy od zawartości komórek (domyślnie) fixed - szerokość tabeli nie zależy od zawartości komórek Przy definiowaniu...
- Media CSS / Zapytania mediów
Spis treści Zapytania mediów Kompatybilność wstecz Cechy mediów Szerokość Wysokość Szerokość urządzenia Wysokość urządzenia Orientacja Proporcje obrazu Proporcje obrazu urządzenia Głębia koloru Paleta kolorów Urządzenia monochromatyczne Rozdzielczość Technika wyświetlania Siatka Zapytania mediów (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) W dobie rozkwitu różnorakich urządzeń mobilnych, proste przygotowanie osobnych arkuszy CSS dla każdego medium...