CSS Leksykon kieszonkowy.pdf

CSS. Leksykon

kieszonkowy

Autor: Eric A. Meyer

ISBN: 978-83-246-1090-7

Tytu³ orygina³ u: CSS Pocket Reference

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

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: