znacznik - Kurs HTML i CSS
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 / Ostatnie 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ć określone atrybuty formatowania dla elementów, będących ostatnim dzieckiem dowolnego innego...
- Selektory pseudoklas CSS / Jedyne 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ć określone atrybuty formatowania dla elementu, który jest dzieckiem innego elementu - o jeden rząd niżej...
- 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...
- Selektory elementów CSS / Ogólny selektor braci
...Przykład Załóżmy, że w arkuszu stylów strony została umieszczona następująca reguła: i ~ b { color: red } Dzięki temu, jeśli wewnątrz tego samego znacznika (rodzica), będą znajdowały się znaczniki i oraz b, to te drugie uzyskają określone atrybuty: To jest akapit, wewnątrz którego znajduje się: pochylenie (nie powinno być czerwone), klawiatura (nie powinien być czerwony) oraz pogrubienie (powinno być czerwone)... następne pogrubienie (powinno być czerwone). A to jest pogrubienie (nie...
- Pozycjonowanie CSS / Przezroczystość {opacity}
(CSS 3 - interpretuje Internet Explorer 9, Firefox 2, Opera, Chrome) selektor { opacity: nieprzezroczystość } Selektorem może być dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast jako "nieprzezroczystość" należy podać liczbę rzeczywistą z przedziału od 0 (całkowita przezroczystość) do 1 (brak przezroczystości - domyślnie). Sterując poziomem przezroczystości można wprowadzić na ekran efektowne warstwy imitujące zabarwione szyby. Trzeba jednak pamiętać, że ustalony poziom...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
(CSS 3 - interpretuje Internet Explorer 8, Firefox 29, Opera, Chrome) selektor { box-sizing: rodzaj } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rodzaj" należy podać: content-box Wymiarowanie zgodne z modelem pudełkowym border-box Wymiarowanie zgodne z trybem Quirks Bardzo stare przeglądarki (w zamierzchłych czasach MSIE 5) nie potrafiły wymiarować bloków zgodnie ze specyfikacją CSS. Sytuacja ta już dawno...
- Obramowanie CSS / Odstęp obrysu {outline-offset}
(CSS 3 - interpretuje Firefox, Opera, Chrome) selektor { outline-offset: rozmiar } Selektorem może być dowolny znacznik, np.: p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać odstęp wyrażony w jednostkach długości. Standardowo obrys jest rysowany bezpośrednio na krawędzi elementu. Możemy go jednak nieco od niego odsunąć, jeśli uważamy, że dzięki temu będzie on wyglądał bardziej estytycznie. Przy tworzeniu obrysu możesz również skorzystać ze...
- Rozmiary CSS / Przeciąganie {resize}
(CSS 3 - interpretuje Firefox 4, Opera, Chrome/Safari 3) selektor { resize: sposób } Selektorem może być dowolny znacznik z ustawionym przepełnieniem innym niż "visible" [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: both - użytkownik może zmienić rozmiar elementu poprzez przeciągnięcie myszką prawego-dolnego narożnika pola vertical - możliwa zmiana tylko wysokości horizontal - możliwa zmiana tylko szerokości none - użytkownik nie może zmienić rozmiaru elementu Zdarza się, że...