O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CSS. Nieoficjalny podręcznik

Book Description

CSS. Nieoficjalny podręcznik to wszechstronny przegląd możliwości i zastosowań tej technologii.

Table of Contents

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