CSS. Nieoficjalny podręcznik 9788324660070 [PDF]

Table of contents :
Spis treści
Nieoficjalna czołówka
Unknown
O autorze
O zespole redakcyjnym
Podziękowania
Seria „Nieoficjalny podręcznik”
Wstęp
Jak działa CSS
Zalety korzystania z CSS
Co trzeba wiedzieć
HTML — szkielet dokumentu
Jak działają znaczniki HTML
XHTML — HTML nowej ery
Do czego służy deklaracja typu dokumentu
Programy do pracy z CSS
Programy darmowe
Oprogramowanie komercyjne
O tej książce
Struktura książki
Działające przykłady
Podstawy
O/tych/ukośnikach
Część I. Podstawy CSS
Rozdział 1. Przystosowanie kodu HTML do pracy z CSS
HTML kiedyś i teraz
HTML kiedyś — aby dobrze wyglądało
HTML teraz — szkielet dla CSS
Pisanie HTML-a z myślą o CSS
Pamiętaj o strukturze
Dwa nowe znaczniki HTML do nauczenia
O czym trzeba zapomnieć
Podstawowe wskazówki
Znaczenie deklaracji typu dokumentu
Rozdział 2. Tworzenie stylów i arkuszy stylów
Anatomia stylu
Zrozumieć arkusze stylów
Styl wewnętrzny czy zewnętrzny
Wewnętrzne arkusze stylów
Style zewnętrzne
Dołączanie arkusza stylów przy użyciu znacznika HTML
Dołączanie arkuszy stylów za pomocą kodu CSS
Kurs: tworzenie pierwszego stylu
Tworzenie stylu wpisanego
Tworzenie wewnętrznych arkuszy stylów
Tworzenie zewnętrznego arkusza stylów
Rozdział 3. Podstawy selektorów — do czego odnoszą się style
Selektory znaczników — style dla całej strony
Selektory klas — precyzyjna kontrola
Selektor ID — unikalne elementy strony
Stylizowanie znaczników zagnieżdżonych
Drzewo rodzinne HTML
Tworzenie selektorów potomka
Nadawanie stylów grupom znaczników
Grupowanie selektorów
Selektor uniwersalny
Pseudoklasy i pseudoelementy
Style odnośników
Więcej pseudoklas i pseudoelementów
Zaawansowane selektory
Selektor dziecka
Selektor brata
Selektor atrybutu
Kurs: selektory
Tworzenie selektora grupowego
Tworzenie i stosowanie selektora klasy
Tworzenie i stosowanie selektora identyfikatora
Tworzenie selektora potomka
Rozdział 4. Oszczędzanie czasu dzięki dziedziczeniu
Czym jest dziedziczenie?
Jak dziedziczenie upraszcza arkusze stylów
Granice dziedziczenia
Kurs: dziedziczenie
Prosty przykład: dziedziczenie jednopoziomowe
Wykorzystanie dziedziczenia do zmiany stylu całej strony
Kiedy dziedziczenie nie działa
Rozdział 5. Zarządzanie wieloma stylami: kaskada
Kaskadowość stylów
Style dziedziczone mogą się grupować
Najbliższy przodek bierze górę
Górę bierze styl bezpośredni
Jeden znacznik wiele stylów
Precyzja: który styl weźmie górę
Remis: wygrywa ostatni
Kontrolowanie kaskady
Zmienianie precyzji
Wybiórcze przesłanianie
Kurs: kaskadowość w akcji
Tworzenie stylu mieszanego
Łączenie kaskady i dziedziczenia
Rozwiązywanie konfliktów
Część II. Stosowanie CSS
Rozdział 6. Formatowanie tekstu
Formatowanie tekstu
Wybór kroju czcionki
Kolorowanie tekstu
Zmiana rozmiaru pisma
Stosowanie pikseli
Stosowanie słów kluczowych, procentów i jednostki em
Formatowanie słów i liter
Pogrubienie i kursywa
Zamiana tekstu na wielkie litery
Dekorowanie tekstu
Odstęp między wyrazami i literami
Formatowanie całych akapitów
Zmienianie odstępu między wierszami
Wyrównywanie tekstu
Wcinanie pierwszego wiersza i usuwanie marginesów
Formatowanie pierwszej litery lub pierwszego wiersza akapitu
Stylizowanie list
Typy list
Pozycjonowanie punktorów i numerów
Punktory graficzne
Kurs: formatowanie tekstu
Ustawienia strony
Formatowanie nagłówków i akapitów
Formatowanie list
Wykańczanie projektu
Rozdział 7. Marginesy, dopełnienie i obramowanie
Istota modelu blokowego
Marginesy i dopełnienie
Zapis skrótowy marginesów i dopełnienia
Konflikty marginesów
Likwidowanie odstępu za pomocą marginesów ujemnych
Prezentacja elementów śródliniowych i blokowych
Ramki
Skrócony zapis właściwości ramek
Formatowanie poszczególnych krawędzi
Kolorowanie tła
Określanie wysokości i szerokości
Obliczanie rzeczywistych wymiarów bloku
„Kontrolowanie wycieków” za pomocą właściwości overflow
Naprawianie modelu blokowego w IE 5
Umieszczaj treść na elementach pływających
Tła i ramki a elementy pływające
Wstrzymać pływanie
Kurs: marginesy, tła i ramki
Ustawianie marginesów
Ustawianie odstępów wokół znaczników
Wyróżnianie tekstu za pomocą teł i ramek
Tworzenie paska bocznego
Naprawianie błędów przeglądarki
O krok dalej
Rozdział 8. Umieszczanie grafiki na stronach WWW
CSS i znacznik
Obrazy tła
Sterowanie powtarzaniem
Pozycjonowanie obrazu tła
Słowa kluczowe
Dokładne wartości
Procenty
Umieszczanie obrazu na sztywno
Skrócona właściwość background
Kurs: tworzenie galerii zdjęć
Tworzenie ramki obrazu
Dodawanie podpisu
Tworzenie galerii fotografii
Dodawanie cieni
Kurs: używanie obrazów tła
Umieszczanie obrazu w tle strony
Zastępowanie ramek grafiką
Używanie grafiki w listach punktowanych
Zaokrąglanie rogów paska bocznego
Tworzenie zewnętrznego arkusza stylów
Rozdział 9. Upiększanie systemu nawigacji
Wybieranie odnośników do stylizacji
Poznaj stany odnośników
Wybieranie określonych odnośników
Stylizowanie odnośników
Podkreślanie odnośników
Tworzenie przycisku
Używanie grafiki
Tworzenie pasków nawigacji
Używanie list nienumerowanych
Pionowe paski nawigacji
Poziome paski nawigacji
Zaawansowane techniki pracy z odnośnikami
Duże, klikalne przyciski
CSS
Drzwi przesuwne
Kurs: stylizowanie odnośników
Podstawy formatowania odnośników
Dodawanie obrazu tła do odnośnika
Wyróżnianie odnośników zewnętrznych
Oznaczanie odwiedzonych stron
Tworzenie pionowego paska nawigacji
Dodawanie efektu rollover i tworzenie odnośników „Jesteś tutaj”
Poprawianie błędów IE
Z pionowego w poziomy
Rozdział 10. Formatowanie tabel i formularzy
Właściwy sposób używania tabel
Stylizowanie tabel
Dodawanie dopełnienia
Ustawianie wyrównania w pionie i w poziomie
Tworzenie ramek
Stylizowanie wierszy i kolumn
Stylizowanie formularzy
HTML elementów formularza
Rozmieszczanie elementów formularza za pomocą CSS
Kurs: stylizowanie tabeli
Kurs: stylizowanie formularza
Część III. Tworzenie układu strony za pomocą CSS
Rozdział 11. Tworzenie układów opartych na elementach pływających
Jak działa układ w CSS?
Dzielny znacznik
Typy układów stron WWW
Podstawy układów opartych na elementach pływających
Stosowanie elementów pływających w układach
Używanie właściwości float dla wszystkich kolumn
Elementy pływające wewnątrz elementów pływających
Pozycjonowanie elementów za pomocą ujemnych marginesów
Rozwiązywanie problemów z elementami pływającymi
Czyszczenie i zawieranie elementów pływających
Tworzenie kolumn o pełnej wysokości
Zapobieganie upadaniu elementów pływających
Rozwiązywanie problemów z Internet Explorerem
Podwójny margines
Trzypikselowa luka
Inne problemy w IE
Kurs: układy wielokolumnowe
Strukturyzowanie HTML-a
Tworzenie stylów układu
Dodawanie kolejnej kolumny
Dodawanie „fałszywej kolumny”
Ustawianie stałej szerokości
Kurs: układ z ujemnym marginesem
Wyśrodkowywanie układu
Pływające kolumny
Końcowe poprawki
Rozdział 12. Pozycjonowanie elementów na stronie WWW
Jak działają właściwości pozycjonujące?
Ustawianie wartości pozycjonujących
Gdy pozycjonowanie bezwzględne jest względne
Kiedy (i gdzie) używać pozycjonowania względnego?
Stos elementów
Ukrywanie fragmentów strony
Użyteczne strategie pozycjonowania
Pozycjonowanie wewnątrz elementu
Wyłamywanie elementu poza blok
Używanie pozycjonowania CSS dla układu strony
Użycie stałego pozycjonowania do tworzenia ramek za pomocą stylów CSS
Kurs: pozycjonowanie elementów strony
Wzbogacanie banera strony
Dodawanie podpisu do zdjęcia
Rozmieszczanie głównych elementów strony
Część IV. Zaawansowany CSS
Rozdział 13. CSS dla strony przeznaczonej do wydruku
Jak działają arkusze stylów dla mediów?
Jak dodawać arkusze stylów przeznaczone dla mediów?
Określanie typu medium dla zewnętrznego arkusza stylów
Określanie typu medium w arkuszu stylów
Tworzenie stylów dla wydruku
Używanie !important do przesłonięcia stylów ekranowych
Zmiana stylów tekstu
Stylizowanie tła dla wydruków
Ukrywanie niepotrzebnych obszarów strony
Wstawianie podziałów stron w wydrukach
Kurs: tworzenie arkusza stylów przeznaczonego dla wydruków
Usuwanie niepotrzebnych elementów strony
Usuwanie tła i dostosowywanie układu
Zmiana formatowania tekstu
Wyświetlanie logo
Wyświetlanie URL
Rozdział 14. Dobre nawyki w CSS
Wstawianie komentarzy
Porządkowanie stylów i arkuszy stylów
Jasno nazywaj style
Używanie kilku klas dla zaoszczędzenia czasu
Uporządkuj style za pomocą grupowania
Korzystanie z wielu arkuszy stylów
Usuwanie przeszkadzających stylów przeglądarki
Wykorzystanie selektorów potomków
Dzielenie stron na sekcje
Zidentyfikuj ciało
Obsługa błędów Internet Explorera
Najpierw projektuj dla nowoczesnych przeglądarek
Oddziel kod CSS dla IE za pomocą komentarzy warunkowych
Dodatki
Dodatek A. Zestawienie właściwości CSS
Wartości CSS
Kolory
Długości i rozmiary
Słowa kluczowe
URL
Właściwości tekstu
color (dziedziczona)
font (dziedziczona)
font-family (dziedziczona)
font-size (dziedziczona)
font-style (dziedziczona)
font-variant (dziedziczona)
font-weight (dziedziczona)
letter-spacing (dziedziczona)
line-height (dziedziczona)
text-align (dziedziczona)
text-decoration
text-indent (dziedziczona)
text-transform (dziedziczona)
vertical-align
white-space
word-spacing (dziedziczona)
Właściwości list
list-style (dziedziczona)
list-style-image (dziedziczona)
list-style-position (dziedziczona)
list-style-type (dziedziczona)
Dopełnienie, obramowania i marginesy
border
border-top, border-right, border-bottom, border-left
border-color
border-top-color, border-right-color, border-bottom-color, border-left-color
border-style
border-top-style, border-right-style, border-bottom-style, border-left-style
border-width
border-top-width, border-right-width, border-bottom- width, border-left-width
outline
outline-color
outline-style
outline-width
padding
padding-top
padding-right
padding-bottom
padding-left
margin
margin-top
margin-right
margin-bottom
margin-left
Tła
background
background-attachment
background-color
background-image
backround-position
background-repeat
Właściwości układu strony
bottom
clear
clip
display
float
height
left
max-height
max-width
min-height
min-width
overflow
position
right
top
visibility
width
z-index
Właściwości tabel
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Pozostałe właściwości
content
cursor
orphans
page-break-after
page-break-before
page-break-inside
widows
Dodatek B. CSS w Dreamweaverze 8
Tworzenie stylów
Faza 1: Ustaw typ CSS
Faza 2: Definiowanie stylu
Dodawanie stylów do stron WWW
Dołączanie zewnętrznego arkusza stylów
Stosowanie stylu klasy
Usuwanie klasy stylu
Edycja stylów
Edycja w panelu Properties
Zarządzanie stylami
Usuwanie stylu
Zmiana nazwy klasy
Duplikowanie stylu
Badanie CSS w panelu Styles
Tryb bieżącego zaznaczenia
Rozszyfrowywanie kaskady
Właściwości CSS
Dodatek C. Zasoby CSS
Leksykony
World Wide Web Consortium (W3C)
Książki i dokumenty PDF
Kurs online
Pomoc dotycząca CSS
Lista e-mailowa
Fora dyskusyjne
Nawigacja z CSS
Kursy
Przykłady
CSS i grafika
Układy oparte na CSS
Informacje o modelu pudełkowym
Układy oparte na elementach pływających
Układy pozycjonowane bezwzględnie
Przykłady układów
Inne zasoby z układami
Błędy przeglądarek
Internet Explorer dla systemu Windows
Internet Explorer 5 dla komputerów Macintosh
Witryny pokazowe
Książki na temat CSS
Kanały RSS, które koniecznie trzeba zaprenumerować
Oprogramowanie CSS
Windows i Macintosh
Tylko Windows
Tylko Macintosh
Skorowidz