Peter Gasston css3. podręcznik nowoczesnego webdevelopera helion.epub

(16516 KB) Pobierz
Spis tre ci
PRZEDMOWA ........................................................................................... 15
WPROWADZENIE ..................................................................................... 17
Tematy omawiane w ksi ce .................................................................................................18
Rozdzia po rozdziale .............................................................................................................18
Dodatki i inne ród a ..............................................................................................................19
Wprowadzenie do wydania drugiego .....................................................................................19
1
POZNAJCIE CSS3 ...................................................................................... 21
Co to jest CSS3 i sk d si wzi ? ............................................................................................22
Krótka historia CSS3 ..........................................................................................................22
CSS3 ma budow modu ow .............................................................................................22
Nie istnieje co takiego jak CSS3 .......................................................................................23
Status modu u i proces rekomendowania ..............................................................................24
Poznajmy sk adni ..................................................................................................................25
Przedrostki nazw ...................................................................................................................26
Zaczynamy! ............................................................................................................................27
2
MEDIA QUERIES — ZAPYTANIA O MEDIA .............................................. 29
Zalety modu u Media Queries ...............................................................................................30
Sk adnia ..................................................................................................................................32
Cechy mediów .......................................................................................................................34
Szeroko i wysoko ........................................................................................................35
Rozdzielczo sprz towa ...................................................................................................37
Szeroko i wysoko ekranu urz dzenia ..........................................................................39
Orientacja ...........................................................................................................................40
Proporcje ...........................................................................................................................41
czone cechy mediów ..........................................................................................................42
Kup książkę
Poleć książkę
Najpierw na urz dzenia przeno ne ....................................................................................... 43
Podsumowanie ...................................................................................................................... 44
Zapytania o media — wdro enie w przegl darkach ........................................................... 44
3
SELEKTORY .............................................................................................. 45
Selektory atrybutów .............................................................................................................. 46
Selektory atrybutów wprowadzone w CSS3 ........................................................................ 47
Selektor pocz tku a cucha warto ci atrybutu .................................................................. 47
Selektor ko ca a cucha warto ci atrybutu ....................................................................... 50
Selektor dowolnej warto ci atrybutu ................................................................................ 51
Selektory wielu atrybutów ................................................................................................ 52
Kombinator dowolnych braci ................................................................................................ 53
Podsumowanie ...................................................................................................................... 54
Selektory — wdro enie w przegl darkach ........................................................................... 55
4
PSEUDOKLASY I PSEUDOZNACZNIKI .................................................... 57
Pseudoklasy strukturalne ....................................................................................................... 58
Pseudoklasy z rodziny :nth-* ............................................................................................. 59
Inne pseudoklasy ................................................................................................................... 67
Pseudoklasa :target ............................................................................................................ 67
Pseudoklasa :empty ........................................................................................................... 68
Pseudoklasa :root .............................................................................................................. 69
Pseudoklasa :not() ............................................................................................................. 69
Stany znaczników interfejsu u ytkownika ......................................................................... 70
Pseudoklasy weryfikacji ogranicze ................................................................................... 72
Pseudoznaczniki .................................................................................................................... 73
Pseudoznacznik ::selection ................................................................................................ 73
Podsumowanie ...................................................................................................................... 74
Selektory DOM i selektory atrybutów — wdro enie w przegl darkach .............................. 75
5
INTERNETOWE KROJE PISMA .................................................................. 77
Regu a @font-face ................................................................................................................. 78
Definiowanie ró nych odmian kroju pisma ....................................................................... 80
Prawdziwe odmiany krojów pisma kontra generowane sztucznie ................................... 81
Niezawodna sk adnia @font-face .......................................................................................... 82
Stosowanie lokalnych krojów pisma .................................................................................. 82
Formaty krojów pisma ...................................................................................................... 82
Ostateczna forma niezawodnej sk adni ............................................................................. 83
Licencjonowanie krojów pisma na potrzeby u ywania w internecie .................................... 84
Przyk ad z ycia wzi ty .......................................................................................................... 85
Kontrolowane wczytywanie krojów pisma ........................................................................... 87
Wi cej o w a ciwo ciach krojów pisma ................................................................................ 87
W a ciwo font-size-adjust .............................................................................................. 87
W a ciwo font-stretch .................................................................................................... 90
8
Spis tre ci
Kup książkę
Poleć książkę
W a ciwo ci fontów w formacie OpenType ..........................................................................91
Stosowanie w a ciwo ci krojów pisma ..............................................................................91
W a ciwo ci krojów pisma .................................................................................................94
Podsumowanie .......................................................................................................................95
Internetowe kroje pisma — wdro enie w przegl darkach ....................................................95
6
EFEKTY TEKSTOWE I STYLE TYPOGRAFICZNE ........................................ 97
Osie i wspó rz dne ................................................................................................................98
Efekty przestrzenne — text-shadow ...................................................................................100
Cienie z o one .................................................................................................................102
Ograniczenie wy wietlania nadmiaru tekstu ........................................................................103
Wyrównywanie tekstu .........................................................................................................105
Kontrola zawijania wierszy ...................................................................................................105
Dzielenie wyrazów ...........................................................................................................106
Dzielenie wyrazów z u yciem cznika ............................................................................107
Skalowanie zawarto ci znaczników ......................................................................................108
Podsumowanie .....................................................................................................................109
Efekty tekstowe i style typograficzne — wdro enie w przegl darkach ..............................109
7
W KILKU KOLUMNACH ......................................................................... 111
Metody uk adania tre ci w kolumnach .................................................................................112
Okre lona liczba kolumn — column-count .....................................................................112
Dynamicznie definiowana szeroko kolumn — column-width ......................................113
Ró ne sposoby rozmieszczania zawarto ci w kolumnach ...............................................114
czenie w a ciwo ci column-count z column-width ......................................................116
Odst py i linie ......................................................................................................................117
Umieszczanie innych obiektów w kolumnach .....................................................................118
Znaczniki rozci gaj ce si na kilka kolumn ..........................................................................120
Podsumowanie .....................................................................................................................121
Kolumny — wdro enie w przegl darkach ...........................................................................121
8
OBRAZY T A ......................................................................................... 123
Uaktualnienie istniej cych w a ciwo ci t a ...........................................................................124
W a ciwo background-position .....................................................................................124
W a ciwo background-attachment ...............................................................................125
W a ciwo background-repeat .......................................................................................125
Wiele obrazów t a ................................................................................................................127
Dynamicznie skalowane obrazy t a ......................................................................................129
W a ciwo ci background-clip i background-origin ...............................................................131
Uaktualniona skrócona sk adnia ustawie t a .......................................................................133
Podsumowanie .....................................................................................................................134
Obrazy t a — wdro enie w przegl darkach ........................................................................135
Spis tre ci
9
Kup książkę
Poleć książkę
9
EFEKTY OBRAMOWA I KONTENERÓW ............................................... 137
Zaokr glanie rogów ............................................................................................................. 137
Skrócona wersja zapisu regu y w a ciwo ci border-radius .............................................. 140
Stosowanie warto ci procentowych ................................................................................ 141
Obrazy w charakterze ramek .............................................................................................. 142
W a ciwo border-image-source ................................................................................... 142
W a ciwo border-image-slice ....................................................................................... 143
W a ciwo border-image-width ..................................................................................... 145
W a ciwo border-image-outset .................................................................................... 147
W a ciwo border-image-repeat ................................................................................... 147
Skrócona posta w a ciwo ci border-image .................................................................... 148
Wdro enie w przegl darkach .......................................................................................... 149
Cienie zewn trzne .............................................................................................................. 149
Cienie wewn trzne ............................................................................................................. 151
Podsumowanie .................................................................................................................... 152
Efekty obramowa i kontenerów — wdro enie w przegl darkach ................................... 152
10
KOLORY I PRZEZROCZYSTO
............................................................. 153
W a ciwo opacity ............................................................................................................. 154
Nowe i poszerzone warto ci kolorów ................................................................................ 155
Kana alfa .......................................................................................................................... 155
Barwa, nasycenie, rednie wiat o bia e ........................................................................... 158
Model HSLA .................................................................................................................... 160
Zmienna koloru currentColor ......................................................................................... 161
Podsumowanie .................................................................................................................... 162
Kolory i przezroczysto — wdro enie w przegl darkach ................................................. 162
11
GRADIENTY ........................................................................................... 163
Gradient liniowy .................................................................................................................. 164
Okre lanie kierunku gradientu ........................................................................................ 164
Dodatkowe warto ci kolorów stopuj cych ..................................................................... 166
Powielanie gradientu liniowego ....................................................................................... 168
Gradient promieniowy ........................................................................................................ 170
Korzystanie z gradientu promieniowego ......................................................................... 170
Wiele kolorów stopuj cych ............................................................................................. 172
Powielanie gradientu promieniowego ............................................................................. 173
Gradienty z o one ............................................................................................................... 175
Podsumowanie .................................................................................................................... 176
Gradienty — wdro enie w przegl darkach ......................................................................... 176
10
Spis tre ci
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin