ABC_kaskadowych_arkuszy_stylow_CSS_abccss.pdf

(262 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TREŒCI
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
ABC kaskadowych arkuszy
stylów (CSS)
Autor:
Bartosz Danowski
ISBN: 83-7197-747-6
Format: B5, stron: 300
TWÓJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOŒCIACH
ZAMÓW CENNIK
Dynamiczny rozwój technologii przesy³u danych prowadz¹cy do zwiêkszenia
przepustowoœci internetu by³ ko³em zamachowym powstawania nowych stron WWW
opartych na coraz to wymyœlniejszych rozwi¹zaniach. Jednym z nich s¹ kaskadowe
arkusze stylów (CSS), które obecnie s¹ doskona³¹ alternatyw¹ dla ¿mudnego procesu
przygotowania stron WWW. Pozwalaj¹ nadaæ wspólny wygl¹d dokumentom tworz¹cym
stronê WWW bez wiêkszego wysi³ku i przy ogromnej oszczêdnoœci czasu.
Autor w ksi¹¿ce „ABC kaskadowych arkuszy stylów (CSS)” stworzy³ mo¿liwie
kompletne, polskie opracowanie poœwiêcone roli CSS w tworzeniu stron WWW. Postawi³
sobie jeszcze jeden cel, zgodnie z którym ksi¹¿ka mia³a byæ przeznaczona zarówno dla
Czytelników rozpoczynaj¹cych przygodê z tworzeniem stron WWW, jak i dla „starych
wyjadaczy”, maj¹cych w tej dziedzinie sporo doœwiadczenia. Zgodnie z sugestiami
czytelników, którzy zapoznali siê ju¿ z poprzednimi ksi¹¿kami Bartosza Danowskiego
(np. „HTML. Æwiczenia praktyczne”, „Kaskadowe arkusze stylów. Æwiczenia
praktyczne”), niniejsza publikacja zawiera jeszcze wiêcej praktycznych przyk³adów.
Ze wzglêdu na charakter tematyki za³o¿ono, ¿e Czytelnik posiada ju¿ niezbêdn¹ wiedzê
do pracy z komputerem. Dok³adniej mówi¹c, chodzi o umiejêtnoœæ pracy z dowolnym
edytorem tekstowym.
Doskona³y podrêcznik dla pocz¹tkuj¹cych twórców stron WWW!
Ksi¹¿ka opisuje m.in.:
formatowanie czcionek na stronie WWW;
osadzanie w³asnych czcionek;
pozycjonowanie elementów;
regulowanie marginesów;
zmiana wygl¹du okna przegl¹darki i kursora myszki;
formatowanie tabel;
kontrola wygl¹du bloków tekstu i nag³ówków;
kontrola wygl¹du formularzy;
tworzenie stron zgodnie z zaleceniami specyfikacji HTML 4.0.1.
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
"
"
"
"
"
"
"
"
"
Wstęp ..................................................................................................................7
Rozdział 1.
Wprowadzenie do zagadnień języka HTML 4.01
oraz kaskadowych arkuszy stylów.....................................................9
Krótkie wprowadzenie do języka HTML ........................................................................ 9
Wprowadzenie do kaskadowych arkuszy stylów — CSS ............................................... 13
Komentarze dla tworzonych arkuszy....................................................................... 14
Implementacja CSS w przeglądarkach .................................................................... 16
Metody umieszczania stylów w dokumencie .......................................................... 16
Problemy ze stylami w starych przeglądarkach....................................................... 23
Jednostki miar stosowane w CSS ............................................................................ 24
Nazewnictwo kolorów u ywane w CSS.................................................................. 26
Podsumowanie ............................................................................................................... 29
Rozdział 2.
Budowa stylu — selektory...............................................................31
Selektory proste.............................................................................................................. 31
Selektory uniwersalne .................................................................................................... 32
Selektory „potomka”...................................................................................................... 33
Selektory „dziecka”........................................................................................................ 34
Selektory „rodzeństwa”.................................................................................................. 36
Identyfikatory — ID....................................................................................................... 36
Klasy .............................................................................................................................. 39
Pseudoklasy.................................................................................................................... 41
Pseudoelementy.............................................................................................................. 47
Grupowanie selektorów ................................................................................................. 51
Podsumowanie ............................................................................................................... 52
Rozdział 3.
Dziedziczenie i kaskadowość ..........................................................53
Dziedziczenie ................................................................................................................. 53
Kaskadowość.................................................................................................................. 59
Podsumowanie ............................................................................................................... 61
Rozdział 4.
Właściwości tekstu ........................................................................63
Poziome wyrównanie ..................................................................................................... 63
Pionowe wyrównanie ..................................................................................................... 66
Wcięcie tekstu ................................................................................................................ 71
Dekoracja tekstu............................................................................................................. 74
Przekształcanie tekstu .................................................................................................... 78
Regulacja odstępów pomiędzy literami ......................................................................... 80
4
ABC kaskadowych arkuszy stylów (CSS)
Regulacja odstępów pomiędzy wyrazami ...................................................................... 82
Regulacja odstępów pomiędzy wierszami ..................................................................... 83
Pusta przestrzeń.............................................................................................................. 85
Podsumowanie ............................................................................................................... 87
Rozdział 5.
Właściwości czcionki .....................................................................89
Rodzaj u ytej czcionki — rodzina czcionek .................................................................. 90
Rozmiar czcionki ........................................................................................................... 97
Waga czcionki.............................................................................................................. 101
Styl czcionki................................................................................................................. 104
Warianty czcionki ........................................................................................................ 106
Szerokość czcionki....................................................................................................... 107
Proporcja czcionki........................................................................................................ 107
Zbiorczy zapis właściwości czcionek .......................................................................... 108
Podsumowanie ............................................................................................................. 109
Rozdział 6.
Osadzanie czcionek na stronie WWW............................................111
Open Type.................................................................................................................... 111
True Doc....................................................................................................................... 116
Podsumowanie ............................................................................................................. 120
Rozdział 7.
Właściwości list ...........................................................................121
Typ listy ....................................................................................................................... 123
Dowolny obraz jako wypunktowanie listy................................................................... 134
Pozycjonowanie listy względem wypunktowania lub numeracji ................................ 135
Zbiorczy zapis właściwości list.................................................................................... 137
Podsumowanie ............................................................................................................. 138
Rozdział 8.
Kolor i tło poszczególnych elementów ...........................................141
Kolor ............................................................................................................................ 141
Tło ................................................................................................................................ 144
Definicja koloru jako tła ........................................................................................ 144
Element graficzny jako tło ..................................................................................... 148
Zbiorczy zapis właściwości tła .............................................................................. 157
Podsumowanie ............................................................................................................. 158
Rozdział 9.
Marginesy....................................................................................161
Marginesy zewnętrzne — margin ................................................................................ 161
Zbiorczy zapis właściwości marginesów zewnętrznych ....................................... 171
Marginesy wewnętrzne — padding ............................................................................. 172
Zbiorczy zapis właściwości marginesów wewnętrznych (dopełnienia) ................ 177
Podsumowanie ............................................................................................................. 178
Rozdział 10. Obramowanie poszczególnych elementów .....................................183
Definicja obramowania ................................................................................................ 183
Styl obramowania......................................................................................................... 187
Szerokość obramowania............................................................................................... 190
Kolor obramowania...................................................................................................... 191
Podsumowanie ............................................................................................................. 192
Rozdział 11. Tabele .........................................................................................199
Formatowanie zawartości tabeli................................................................................... 202
Formatowanie krawędzi tabeli ..................................................................................... 207
Formatowanie wyglądu tabeli za pomocą dodatkowych stylów.................................. 212
Podsumowanie ............................................................................................................. 217
Spis treści
5
Rozdział 12. Pozycjonowanie elementów ..........................................................219
Pozycjonowanie bezwzględne (absolute) .................................................................... 219
Pozycjonowanie względne (relative) ........................................................................... 223
Pozycjonowanie statyczne (static) ............................................................................... 225
Pozycjonowanie typu fixed .......................................................................................... 226
Nakładanie elementów na siebie .................................................................................. 228
Kolejność nakładanych elementów.............................................................................. 231
Wymiarowanie pozycjonowanych elementów ............................................................ 232
Podsumowanie ............................................................................................................. 234
Rozdział 13. Oblewanie tekstem innych elementów ..........................................237
Sterowanie oblewaniem ............................................................................................... 237
Blokowanie oblewania wybranych elementów............................................................ 240
Podsumowanie ............................................................................................................. 243
Rozdział 14. Efekty wizualne ............................................................................245
Kadrowanie .................................................................................................................. 245
Ukrywanie elementów ................................................................................................. 247
Sterowanie wymiarowanymi elementami .................................................................... 249
Podsumowanie ............................................................................................................. 252
Rozdział 15. Drukowanie..................................................................................255
Definicja rozmiaru strony ............................................................................................ 255
Kontrola łamania strony............................................................................................... 256
Podsumowanie ............................................................................................................. 257
Rozdział 16. Dodatkowe style dla przeglądarki
MS Internet Explorer 5.5 oraz 6....................................................259
Wygląd okna przeglądarki ........................................................................................... 259
Wygląd kursora ............................................................................................................ 261
Podsumowanie ............................................................................................................. 262
Rozdział 17. Graficzne edytory CSS — TopStyle................................................263
Charakterystyka programu ........................................................................................... 263
Praca z kreatorem ......................................................................................................... 267
Ręczne definiowanie stylu ........................................................................................... 269
Dodatkowe funkcje ...................................................................................................... 271
Podsumowanie ............................................................................................................. 272
Zakończenie .....................................................................................................273
Dodatek A
Przykłady i gotowe rozwiązania problemów....................................275
Formularze ................................................................................................................... 275
Tło składane z wielu elementów .................................................................................. 276
Podpinanie arkuszy do dokumentów w najpopularniejszych edytorach WWW ......... 277
EzHTML ................................................................................................................ 277
Pajączek 2000 ........................................................................................................ 277
MS Front Page 2000/XP ........................................................................................ 278
Zmiana tła całej komórki tabeli.................................................................................... 279
Wczytywanie arkusza w zale ności od wykrytej przeglądarki.................................... 280
Gotowe arkusze do wykorzystania na stronie domowej .............................................. 281
Odnośniki bez podkreśleń, zmieniające kolor
po najechaniu na nie kursorem myszy................................................................ 281
Przykład formatowania suwaków .......................................................................... 282
6
ABC kaskadowych arkuszy stylów (CSS)
Przykład definicji kursora dla ró nych elementów na stronie ............................... 282
Arkusz formatujący typową stronę ........................................................................ 283
Przydatne adresy internetowe ...................................................................................... 285
Dodatek B
Dodatek C
Zestawienie obsługi stylów przez najpopularniejsze przeglądarki ....287
Zbiór opisanych stylów łącznie z dostępnymi wartościami .............293
Właściwości tekstu....................................................................................................... 293
Właściwości czcionki................................................................................................... 294
Właściwości listy ......................................................................................................... 294
Właściwości tła i koloru............................................................................................... 295
Marginesy zewnętrzne ................................................................................................. 295
Marginesy wewnętrzne — dopełnienie........................................................................ 296
Obramowanie ............................................................................................................... 296
Właściwości tabeli ....................................................................................................... 297
Pozycjonowanie ........................................................................................................... 297
Oblewanie tekstem innych elementów......................................................................... 298
Efekty wizualne............................................................................................................ 298
Właściwości drukowania ............................................................................................. 298
Style dla przeglądarki MS Internet Explorer ............................................................... 299
Zgłoś jeśli naruszono regulamin