css. leksykon kieszonkowy cała książka, ebooki
[ Pobierz całość w formacie PDF ]
CSS. Leksykon
kieszonkowy
Autor: Eric A. Meyer
ISBN: 978-83-246-1090-7
Tytu³ orygina³
Format: B6, stron: 120
Podrêczne Ÿród³o informacji o najnowszych specyfikacjach
kaskadowych arkuszy stylów -- CSS2 i CSS2.1
•
Chcesz nauczyæ siê do³¹czaæ arkusze stylów do witryn internetowych?
•
Chcesz dowiedzieæ siê, jak nadaæ styl ró¿nym elementom stron internetowych?
•
Chcesz mieæ szybki dostêp do opisu wszystkich selektorów i w³aœciwoœci stylów?
Pierwsz¹ rzecz¹, jak¹ widz¹ osoby otwieraj¹ce strony internetowe, jest ich wygl¹d.
Wiele witryn ma niespójny i nieelegancki styl, co odstrasza u¿ytkowników, a przecie¿
utworzenie atrakcyjnych stron jest ca³kiem proste -- wystarczy przygotowaæ odpowiedni
plik CSS. Za pomoc¹ kaskadowych arkuszy stylów mo¿na wygodnie zmieniaæ sposób
wyœwietlania wszystkich elementów kodu HTML i sterowaæ wygl¹dem ca³ej witryny.
Technologia CSS jest obs³ugiwana przez wszystkie najwa¿niejsze przegl¹darki,
a ponadto nie wymaga przesy³ania du¿ych iloœci danych, dlatego jest doskona³ym
narzêdziem do szybkiego i efektywnego formatowania witryn internetowych.
Ksi¹¿ka
„
CSS. Leksykon kieszonkowy
”
to zwiêz³y przewodnik po mo¿liwoœciach
kaskadowych arkuszy stylów. Dowiesz siê z niego, jak stosowaæ style w dokumentach
HTML i XHTML, poznasz zasady funkcjonowania stylów oraz regu³y rz¹dz¹ce
pozycjonowaniem elementów. Przede wszystkim jednak b³yskawicznie znajdziesz opis
wszystkich selektorów i w³aœciwoœci stylów CSS, co pomo¿e Ci sprawnie tworzyæ
przejrzyste i atrakcyjne witryny internetowe.
•
Do³¹czanie stylów do stron internetowych
•
Funkcjonowanie stylów
•
Zasady pozycjonowania elementów
•
Wartoœci stosowane w stylach
•
Przegl¹d selektorów, pseudoklas i pseudoelementów
•
Opis wszystkich w³aœciwoœci
Naucz siê stosowaæ kaskadowe arkusze stylów
i twórz eleganckie witryny internetowe
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Spis treści
Konwencje zastosowane w książce ..........................................................5
Dodawanie stylów do dokumentów HTML oraz XHTML .........................6
Struktura reguł ............................................................................................9
Pierwszeństwo stylów ............................................................................. 10
Klasyfikacja elementów ........................................................................... 13
Sposoby wyświetlania elementów .......................................................... 15
Podstawowy układ wizualny ................................................................... 16
Reguły ułożenia elementów pływających .............................................. 19
Reguły pozycjonowania ........................................................................... 21
Układ tabel ............................................................................................... 29
Wartości .....................................................................................................37
Selektory ................................................................................................... 43
Pseudoklasy i pseudoelementy ............................................................... 49
Spis właściwości ....................................................................................... 56
3
Tabele ...................................................................................................... 132
Media stronicowane ............................................................................... 136
Właściwości usunięte z CSS2.1 ...............................................................140
Style wizualne .........................................................................................140
Media stronicowane ............................................................................... 143
Style dźwiękowe ..................................................................................... 145
Skorowidz ................................................................................................ 157
4
|
CSS. Leksykon kieszonkowy
Reguły pozycjonowania
Pozycjonowaniem elementów rządzi kilka reguł specjalnych. Okre-
ślają one nie tylko położenie bloku-pojemnika, ale także położenie
zawartych w nim elementów.
Rodzaje pozycjonowania
Pozycjonowanie statyczne
Pudełko elementu tworzone jak zwykle. Elementy bloko-
we generują prostokątne pudełko stanowiące część układu
dokumentu. Elementy wierszowe tworzą jedno lub więcej
pudełek obejmujących linie, stanowiących część układu
elementu rodzica.
Pozycjonowanie względne
Pudełko elementu zostaje przesunięte o określoną odległość.
Zawierający je blok uznawany jest za obszar, który zajmo-
wałby element, gdyby nie był pozycjonowany. Element
zachowuje swój kształt. Zachowywany jest także obszar, który
element normalnie zajmowałby w dokumencie.
Pozycjonowanie bezwzględne
Pudełko elementu jest całkowicie usuwane z układu doku-
mentu i pozycjonowane w odniesieniu do bloku-pojemnika,
którym może być inny element dokumentu lub pierwotny
blok-pojemnik (opisany w kolejnym podrozdziale). Obszar,
który element zajmowałby w normalnym układzie doku-
mentu, nie jest już rezerwowany, tak jakby element już nie
istniał. Pozycjonowany element generuje własne pudełko
blokowe, bez względu na rodzaj pudełka, jaki generowałby
w normalnym układzie.
Reguły pozycjonowania
|
21
Pozycjonowanie ustalone
Pudełko elementu zachowuje się tak jak w przypadku pozy-
cjonowania bezwzględnego, ale z blokiem-pojemnikiem jako
punktem odniesienia.
Blok-pojemnik
Blok pojemnik dla pozycjonowanego elementu wyznaczany jest
w myśl następujących reguł:
1. Blok-pojemnik dla elementu źródłowego (nazywany także
pierwotnym blokiem-pojemnikiem
) wskazywany jest przez prze-
glądarkę. W HTML-u elementem źródłowym jest
html
, cho-
ciaż niektóre przeglądarki korzystają z elementu
body
.
2. Dla elementów nieźródłowych, których wartość atrybutu
position
to
relative
lub
static
, blok-pojemnik jest wy-
znaczany przez krawędź zawartości najbliższego pudełka
nadrzędnego elementu blokowego, tabeli, komórki tabeli
lub bloku wierszowego. Mimo tej reguły elementy pozycjo-
nowane względnie będą przesunięte, a nie rozmieszczone
w odniesieniu do bloku pojemnika.
3. Dla elementów nieźródłowych, których wartość właściwości
position
to
absolute
, blokiem-pojemnikiem jest najbliższy
element nadrzędny (dowolnego rodzaju), mający wartość
właściwości
position
inną niż
static
. Wyznaczanie prze-
biega w następujący sposób:
a. Jeżeli element nadrzędny jest elementem blokowym, blo-
kiem pojemnikiem jest krawędź dopełnienia tego elementu;
innymi słowy, jest to obszar wyznaczony przez obramo-
wanie.
22
|
CSS. Leksykon kieszonkowy
[ Pobierz całość w formacie PDF ]