css.-nieoficjalny-podrecznik ebook.pdf

(9104 KB) Pobierz
Rozdział 3. Podstawy selektorów — do czego odnoszą się style ...................57
Selektory znaczników — style dla całej strony ........................................... 57
Selektory klas — precyzyjna kontrola ........................................................ 59
Selektor ID — unikalne elementy strony ................................................... 62
Stylizowanie znaczników zagnieżdżonych ................................................. 63
Drzewo rodzinne HTML ..................................................................... 64
Tworzenie selektorów potomka ........................................................... 65
Nadawanie stylów grupom znaczników .................................................... 67
Grupowanie selektorów ....................................................................... 67
Selektor uniwersalny ........................................................................... 68
Pseudoklasy i pseudoelementy .................................................................. 68
Style odnośników ................................................................................ 69
Więcej pseudoklas i pseudoelementów ................................................. 69
Zaawansowane selektory .......................................................................... 72
Selektor dziecka .................................................................................. 73
Selektor brata ...................................................................................... 74
Selektor atrybutu ................................................................................. 75
Kurs: Selektory ......................................................................................... 76
Tworzenie selektora grupowego ........................................................... 78
Tworzenie i stosowanie selektora klasy ................................................ 79
Tworzenie i stosowanie selektora identyfikatora .................................. 81
Tworzenie selektora potomka .............................................................. 82
Rozdział 4. Oszczędzanie czasu dzięki dziedziczeniu .................................... 85
Czym jest dziedziczenie? .......................................................................... 85
Jak dziedziczenie upraszcza arkusze stylów ............................................... 87
Granice dziedziczenia ............................................................................... 87
Kurs: dziedziczenie ................................................................................... 89
Prosty przykład: dziedziczenie jednopoziomowe .................................. 89
Wykorzystanie dziedziczenia do zmiany stylu całej strony ................... 90
Kiedy dziedziczenie nie działa .............................................................. 92
Rozdział 5. Zarządzanie wieloma stylami: kaskada ........................................95
Kaskadowość stylów ................................................................................. 96
Style dziedziczone mogą się grupować .................................................. 96
Najbliższy przodek bierze górę ............................................................. 97
Górę bierze styl bezpośredni ................................................................ 98
Jeden znacznik wiele stylów ................................................................. 98
Precyzja: który styl weźmie górę .............................................................. 100
Remis: wygrywa ostatni ..................................................................... 101
Kontrolowanie kaskady .......................................................................... 103
Zmienianie precyzji ........................................................................... 103
Wybiórcze przesłanianie .................................................................... 103
4
CSS. NIEOFICJALNY PODR
Ę
CZNIK
Kurs: Kaskadowość w akcji ..................................................................... 105
Tworzenie stylu mieszanego ............................................................. 105
Łączenie
kaskady i dziedziczenia ....................................................... 107
Rozwiązywanie konfliktów ................................................................ 108
Część II Stosowanie CSS ................................................................111
Rozdział 6. Formatowanie tekstu ................................................................... 113
Formatowanie tekstu ............................................................................. 113
Wybór kroju czcionki ........................................................................ 115
Kolorowanie tekstu ........................................................................... 117
Zmiana rozmiaru pisma ......................................................................... 118
Stosowanie pikseli ............................................................................ 118
Stosowanie słów kluczowych, procentów i jednostki em .................... 119
Formatowanie słów i liter ....................................................................... 122
Pogrubienie i kursywa ....................................................................... 123
Zamiana tekstu na wielkie litery ....................................................... 123
Dekorowanie tekstu .......................................................................... 124
Odstęp między wyrazami i literami ................................................... 125
Formatowanie całych akapitów .............................................................. 127
Zmienianie odstępu między wierszami ............................................. 127
Wyrównywanie tekstu ....................................................................... 128
Wcinanie pierwszego wiersza i usuwanie marginesów ....................... 130
Formatowanie pierwszej litery lub pierwszego wiersza akapitu ........... 131
Stylizowanie list ..................................................................................... 132
Typy list ........................................................................................... 133
Pozycjonowanie punktorów i numerów ............................................. 134
Punktory graficzne ............................................................................ 135
Kurs: formatowanie tekstu ..................................................................... 137
Ustawienia strony ............................................................................. 137
Formatowanie nagłówków i akapitów ................................................ 139
Formatowanie list ............................................................................. 141
Wykańczanie projektu ...................................................................... 142
Rozdział 7. Marginesy, dopełnienie i obramowanie ......................................145
Istota modelu blokowego ........................................................................ 145
Marginesy i dopełnienie ......................................................................... 147
Zapis skrótowy marginesów i dopełnienia ......................................... 148
Konflikty marginesów ....................................................................... 149
Likwidowanie odstępu za pomocą marginesów ujemnych .................. 150
Prezentacja elementów
śródliniowych
i blokowych ............................ 152
SPIS TRE
Ś
CI
5
Ramki .................................................................................................... 153
Skrócony zapis właściwości ramek ..................................................... 155
Formatowanie poszczególnych krawędzi ............................................ 155
Kolorowanie tła ...................................................................................... 157
Określanie wysokości i szerokości ........................................................... 157
Obliczanie rzeczywistych wymiarów bloku ........................................ 158
„Kontrolowanie wycieków” za pomocą właściwości overflow .............. 160
Naprawianie modelu blokowego w IE 5 .............................................. 162
Umieszczaj treść na elementach pływających .......................................... 165
Tła i ramki a elementy pływające ....................................................... 167
Wstrzymać pływanie ......................................................................... 168
Kurs: marginesy, tła i ramki .................................................................... 170
Ustawianie marginesów .................................................................... 170
Ustawianie odstępów wokół znaczników ........................................... 172
Wyróżnianie tekstu za pomocą teł i ramek ......................................... 172
Tworzenie paska bocznego ................................................................ 175
Naprawianie błędów przeglądarki ...................................................... 178
O krok dalej ...................................................................................... 180
Rozdział 8. Umieszczanie grafiki na stronach WWW .................................... 181
CSS i znacznik <img> ........................................................................... 181
Obrazy tła ............................................................................................... 182
Sterowanie powtarzaniem ...................................................................... 186
Pozycjonowanie obrazu tła ...................................................................... 188
Słowa kluczowe ................................................................................. 188
Dokładne wartości ............................................................................ 190
Procenty ............................................................................................ 190
Umieszczanie obrazu na sztywno ...................................................... 192
Skrócona właściwość background ........................................................... 194
Kurs: Tworzenie galerii zdjęć .................................................................. 195
Tworzenie ramki obrazu .................................................................... 195
Dodawanie podpisu ........................................................................... 197
Tworzenie galerii fotografii ................................................................ 200
Dodawanie cieni ................................................................................ 204
Kurs: Używanie obrazów tła .................................................................... 207
Umieszczanie obrazu w tle strony ...................................................... 207
Zastępowanie ramek grafiką .............................................................. 211
Używanie grafiki w listach punktowanych ......................................... 212
Zaokrąglanie rogów paska bocznego .................................................. 214
Tworzenie zewnętrznego arkusza stylów ........................................... 217
6
CSS. NIEOFICJALNY PODR
Ę
CZNIK
Rozdział 9. Upiększanie systemu nawigacji ...................................................219
Wybieranie odnośników do stylizacji ...................................................... 219
Poznaj stany odnośników .................................................................. 219
Wybieranie określonych odnośników ................................................ 221
Stylizowanie odnośników ....................................................................... 222
Podkreślanie odnośników .................................................................. 222
Tworzenie przycisku ......................................................................... 224
Używanie grafiki ............................................................................... 226
Tworzenie pasków nawigacji .................................................................. 228
Używanie list nienumerowanych ...................................................... 228
Pionowe paski nawigacji .................................................................... 229
Poziome paski nawigacji ................................................................... 232
Zaawansowane techniki pracy z odnośnikami ........................................ 236
Duże, klikalne przyciski .................................................................... 237
CSS .................................................................................................. 239
Drzwi przesuwne .............................................................................. 240
Kurs: Stylizowanie odnośników .............................................................. 242
Podstawy formatowania odnośników ................................................ 242
Dodawanie obrazu tła do odnośnika .................................................. 245
Wyróżnianie odnośników zewnętrznych ........................................... 246
Oznaczanie odwiedzonych stron ....................................................... 248
Tworzenie pionowego paska nawigacji .............................................. 248
Dodawanie efektu rollover i tworzenie odnośników „Jesteś tutaj” ....... 252
Poprawianie błędów IE ...................................................................... 255
Z pionowego w poziomy .................................................................... 256
Rozdział 10. Formatowanie tabel i formularzy ..............................................261
Właściwy sposób używania tabel ............................................................ 261
Stylizowanie tabel .................................................................................. 264
Dodawanie dopełnienia ..................................................................... 264
Ustawianie wyrównania w pionie i w poziomie .................................. 264
Tworzenie ramek .............................................................................. 266
Stylizowanie wierszy i kolumn .......................................................... 268
Stylizowanie formularzy ......................................................................... 269
HTML elementów formularza ........................................................... 271
Rozmieszczanie elementów formularza za pomocą CSS .................... 273
Kurs: Stylizowanie tabeli ........................................................................ 275
Kurs: Stylizowanie formularza ................................................................ 279
SPIS TRE
Ś
CI
7

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin