internet - Kurs HTML i CSS
Sławomir Kokłowski (autor)...Automatyki, Informatyki i Elektroniki Akademii Górniczo-Hutniczej, kierunek: Inżynieria oprogramowania Zainteresowania: 💻 informatyka 🌐 internet 🎓 nauka - tylko "rekreacyjnie" 😉 🌄 góry 🏃 bieganie - najlepiej bieganie w górach 🙂 📷 fotografia 👽 science-fiction 📖 książki 🎬 film 🎵 muzyka WWW: Właśnie ją czytasz... Strona domowa: www.kurshtml.edu.pl/home Kariera zawodowa Moja przygoda z programowaniem rozpoczęła się w latach 90., kiedy komputery osobiste dopiero...
Selektory pseudoklas CSS / Etykieta :target(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor:target { cecha: wartość } Selektorem może być praktycznie dowolny znacznik, który posiada atrybut id="..." albo ewentualnie może to być element A posiadający atrybut name="..." [zobacz: Odsyłacz do etykiety i Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Czasami podział serwisu na podstrony jest niewystarczający...
- Selektory pseudoklas CSS / Blokada :disabled :enabled
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) Pole zablokowane: selektor:disabled { cecha: wartość } Pole odblokowane: selektor:enabled { cecha: wartość } Selektorem mogą być pola formularza, którym można przypisać atrybut disabled="..." [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Pola formularza mogą znajdować się w wielu stanach - jednym z nich jest...
- Selektory pseudoklas CSS / Zaznaczenie :checked
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor:checked { cecha: wartość } Selektorem mogą być pola formularza: wyboru, opcji oraz opcje listy rozwijalnej [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre z pól formularzy pełnią rolę przełączników - można je zaznaczać i odznaczać. W związku z tym może się okazać przydatne dodatkowe wizualne...
- Selektory pseudoklas CSS / Korzeń :root
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) :root { cecha: wartość } Wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Każdy dokument HTML ma w drzewie dokumentu dokładnie jeden korzeń, tzn. element najbardziej nadrzędny, który nie ma żadnego rodzica, za to zawiera w sobie (bezpośrednio lub poprzez zagnieżdżenie) wszystkie inne elementy dokumentu. W języku HTML korzeniem jest zawsze element HTML...
- 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ć...
- Selektory pseudoklas CSS / Jedyne dziecko :only-child
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) Dowolny rodzic: dziecko:only-child { cecha: wartość } Określony rodzic: rodzic > dziecko:only-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. Polecenie pozwala nadać...
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
(CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Pierwszy element wybranego typu: selektor:first-of-type { cecha: wartość } rodzic > dziecko:first-of-type { cecha: wartość } Ostatni element wybranego typu: selektor:last-of-type { cecha: wartość } rodzic > dziecko:last-of-type { cecha: wartość } Jedyny element wybranego typu: selektor:only-of-type { cecha: wartość } rodzic > dziecko:only-of-type { cecha: wartość } Selektorem, rodzicem oraz dzieckiem może być...
- Selektory pseudoklas CSS / Pusty element :empty
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor:empty { cecha: wartość } Selektorem może być dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Zdarza się, że w dokumencie HTML znajdują się elementy, które nie zawierają żadnej treści, ani dzieci. Możemy mieć z tym do czynienia w przypadku elementów, które z definicji nie posiadają znacznika...
- Selektory pseudoklas CSS / Negacja :not
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor:not(argument) { cecha: wartość } Selektorem może być dowolny znacznik [zobacz: Wstawianie stylów]. Argument to jeden z selektorów: typu, uniwersalny, atrybutu, klasy/identyfikatora albo dowolna pseuoklasa (z wyjątkiem samej pseudoklasy negacji). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Wyobraźmy sobie sytuację, kiedy chcemy...