css. leksykon kieszonkowy. wydanie iv full, ebooki
[ Pobierz całość w formacie PDF ]
Spis treci
Przedmowa
5
Konwencje zastosowane w ksice
5
Wykorzystanie przykadów
5
Strona internetowa ksiki
6
1. Podstawowe pojcia
7
Dodawanie stylów do dokumentów HTML oraz XHTML
7
Struktura regu
10
Komentarze
11
Pierwszestwo stylów
12
Klasyfikacja elementów
14
Sposoby wywietlania elementów
15
Podstawowy ukad wizualny
17
Elementy pywajce
20
Pozycjonowanie
21
Ukad tabel
27
2.
Wartoci
35
Sowa kluczowe
35
Wartoci kolorów
35
Wartoci liczbowe
37
Wartoci procentowe
38
Wartoci dugoci
38
Adresy URI
40
Kty
40
Jednostki czasu
41
Jednostki czstotliwoci
41
Cigi znaków
41
3
 3. Selektory
43
Selektory
43
Pseudoklasy strukturalne
48
Pseudoklasy negujce
54
Pseudoklasy interakcji
55
Pseudoelementy
58
Zapytania o media
60
4. Spis waciwoci
67
Wartoci uniwersalne
67
Media wizualne
67
Media stronicowane
188
Media dwikowe
198
Skorowidz
211
4
CSS. Leksykon kieszonkowy
Rozdzia 3.
Selektory
Selektory
Selektor uniwersalny
Wzór:
*
Opis:
Ten selektor odpowiada nazwie dowolnego elementu w jzyku
dokumentu. Jeeli regua nie ma wyranego selektora, domniemywa
si, i naley uy selektora uniwersalnego.
Przykady:
* {color: red;}
div * p {color: blue;}
Selektor typu
Wzór:
element1
Opis:
Ten selektor odpowiada nazwie okrelonego elementu w jzyku doku-
mentu. Bdzie stosowany w kadym przypadku wystpienia danego
elementu (w CSS1 ten selektor nazywany by selektorem elementu).
Przykady:
body {background: #FFF;}
p {font-size: 1em;}
Selektor elementu potomnego
Wzór:
element1 element2
43
Opis:
Selektor pozwala autorowi na wskazanie elementu na podstawie jego
statusu jako elementu potomnego innego elementu. Wskazywany
element moe by dzieckiem, wnukiem, prawnukiem itp. elementu
przodka (w CSS1 selektor ten nazywany by selektorem kontekstowym).
Przykady:
body h1 {font-size: 200%;}
table tr td div ul li {color: purple;}
Selektor elementu dziecka
Wzór:
element1 > element2
Opis:
Selektor wskazuje element na podstawie jego statusu jako dziecka
innego elementu. Jest bardziej restrykcyjny ni element elementu po-
tomnego, poniewa wskae tylko na element dziecko.
Przykady:
div > p {color: cyan;}
ul > li {font-weight: bold;}
Selektor elementu bezporedniego rodzestwa
Wzór:
element1 + element2
Opis:
Selektor pozwala autorowi na wskazanie elementu, który jest kolejnym
elementem przylegajcym innego elementu. Tekst znajdujcy si
pomidzy elementami jest ignorowany, pod uwag brane s tylko
elementy i ich pozycje w drzewie dokumentu.
Przykady:
table + p {margin-top: 2.5em;}
h1 + * {margin-top: 0;}
Selektor elementu rodzestwa
Wzór:
element1 ~ element2
44
CSS. Leksykon kieszonkowy
[ Pobierz całość w formacie PDF ]