To jest podręcznik CSS dla średnio zaawansowanych i zaawansowanych użytkowników Kaskadowych arkuszy stylów. Jeśli jeszcze nie znasz tej technologii, to lepiej zacznij naukę od Kursu HTML i CSS, ponieważ zawarte tu informacje są dość szczegółowe, przez co możesz czuć się jak Feynman czytający referaty z socjologii.
Wiele informacji może wydać Ci się nadmiernie rozbudowanych i niepotrzebnie szczegółowych, ale to dlatego, że aby docenić ich dokładność, trzeba utworzyć kilka stron i stracić parę godzin na dociekanie, dlaczego coś nie działa tak, „jak powinno”.
P.S. W Kursie HTML i CSS też spotkasz się z Feymnanem i paroma innymi niezwykle barwnymi postaciami ze świata nauki i techniki.
Lektura Kursu HTML i CSS będzie jak złamanie podstawowego szyfru, dzięki czemu bez trudu zaczniesz rozumieć także treść tego podręcznika i podczas jego czytania będziesz czuć się jak ryba w wodzie. Mam tylko nadzieję, że na koniec nie pomyślisz: „Tu też nic nie ma”…
Jeśli jesteś średniozaawansowanym lub zaawansowanym użytkownikiem CSS, to być może informacje zawarte w tym podręczniku okażą się dla Ciebie przydatne.
Struktura kursu CSS
Ten kurs CSS jest tak skonstruowany, że jego poszczególne rozdziały łączą się ze sobą dość luźno, dzięki czemu nie trzeba ich czytać po kolei, choć jest to zalecane.
Ponadto jest podzielony na dwie części: teoretyczną i kompendium wiedzy.
W części teoretycznej znajduje się dokładny opis teoretycznych aspektów i pojęć technologii CSS, takich jak na przykład kaskada, dziedziczenie, model formatowania wizualnego, typy wartości i wiele innych. Niektóre z nich są już opisane w podstawowym zakresie w Kursie HTML i CSS, ale tutaj są przedstawione znacznie bardziej szczegółowo.
Kompendium wiedzy na temat CSS zawiera opis większości własności CSS oraz technik posługiwania się nimi w codziennej pracy. Ta część jest podzielona na kategorie typu Obramowanie w CSS, Selektory CSS itd., według sekcji teoretycznej. Opis teoretyczny wprowadza do danego tematu, a „pod nim” można znaleźć zbiór stron zawierających dokładne opisy należących do niego własności lub innych elementów technologii CSS.
Poniżej znajduje się szczegółowy spis treści tego kursu.
Kurs CSS – szczegółowy spis treści
- Rozdział 1. Wprowadzenie
- Ważne pojęcia
- Fizyczne i logiczne własności CSS
- Specyfikacje CSS
- Stopnie dojrzałości specyfikacji
- Migawki
- Obsługa błędów w CSS
- Rozdział 2. Jednostki i typy wartości CSS
- Podstawowe pojęcia
- Wartości globalne CSS
- Typy tekstowe
- Identyfikatory
- Słowa kluczowe
- Identyfikatory niestandardowe
- Adresy URL
- Łańcuchy znaków
- Typy liczbowe
- Liczby całkowite i ułamkowe
- Wartości procentowe
- Liczby z jednostką
- Jednostki długości CSS
- Względne jednostki długości
- Bezwzględne jednostki długości
- Kąty
- Czas trwania
- Rozdzielczość
- Częstotliwość
- Inne typy
- Obrazy
- Kolory
- Pozycja
- Wartości opcjonalne
- Nieobsługiwane wartości
- Rozdział 3. Kolory CSS
- Słowa kluczowe
- Nazwy kolorów CSS
- Kolory systemowe
- Słowa kluczowe transparent i currentcolor
- Przestrzeń barw sRGB
- Funkcje rgb() i rgba()
- Notacja szesnastkowa (heksadecymalna)
- Funkcje hsl() i hsla()
- Funkcja hwb()
- Przestrzeń barw CIE Lab
- Przestrzeń barw LCH
- Przestrzeń barw Oklab
- Przestrzeń barw Oklch
- Słowa kluczowe
- Inne przestrzenie barw
- Połączenie dwóch kolorów
- Sprawdzanie obsługi przestrzeni barw
- Rozdział 4. Model formatowania wizualnego CSS
- Pola blokowe i pola śródliniowe
- Anonimowe pola blokowe
- Anonimowe pola śródliniowe
- Tryby rozmieszczenia pól elementów
- Układ normalny
- Pozycjonowanie względne
- Układ pól pływających
- Pozycjonowanie absolutne
- Niezależne konteksty formatowania
- Rozdział 5. Model polowy
- Budowa pola CSS
- Standardowy model polowy
- Alternatywny model polowy
- Pola śródliniowe w modelu polowym
- Marginesy pól śródliniowych
- Dopełnienie pól śródliniowych
- Obramowanie pól śródliniowych
- Ustawienia szerokości i wysokości
- Rozdział 6. Kaskada CSS
- Źródła pochodzenia arkuszy stylów
- Algorytm kaskady CSS
- Słowo kluczowe !important
- Precyzja selektorów
- Rozdział 7. Dziedziczenie CSS
- Własności dziedziczone
- Kiedy dziedziczenie nie działa
- Własności niedziedziczone
- Słowo kluczowe inherit
- Słowo kluczowe initial
- Słowo kluczowe unset
- Słowa kluczowe revert i rever-layer
- Rozdział 8. Selektory CSS
- Budowa selektora CSS
- Rozróżnianie wielkości liter w selektorach
- Selektory proste
- Selektor uniwersalny
- Selektor typu
- Selektor atrybutu
- Selektor klasy
- Selektor identyfikatora
- Selektor pseudoklasy
- Selektor pseudoelementu
- Kombinatory
- Kombinator potomka
- Kombinator dziecka
- Kombinator przystającego elementu siostrzanego
- Kombinator dowolnego elementu siostrzanego
- Grupowanie selektorów
- Precyzja selektorów
- Rozdział 9. Pseudoklasy CSS
- Składnia pseudoklas CSS
- Klasyfikacja pseudoklas
- Pseudoklasy językowe
- Pseudoklasy kombinacji logicznych
- Pseudoklasy lokalizacji
- Pseudoklasy interakcji z użytkownikiem
- Pseudoklasy stanu prezentacji elementów
- Pseudoklasy elementów wejściowych
- Pseudoklasy struktury drzewa
- Rozdział 10. Pseudoelementy CSS
- Składnia pseudoelementów
- Pseudoelementy w selektorach złożonych
- Pseudoelementy z pseudoklasami
- Lista pseudoelementów
- Rozdział 11. Dopełnienie CSS
- Dozwolone wartości
- Dopełnienie a wymiary elementu
- Dopełnienie fizyczne i dopełnienie logiczne
- Lista własności dopełnienia
- Rozdział 12. Marginesy CSS
- Dozwolone wartości
- Marginesy fizyczne i marginesy logiczne
- Scalanie marginesów
- Kiedy marginesy są scalane
- Scalanie marginesów ujemnych
- Scalanie trzech marginesów
- Kiedy marginesy nie są scalane
- Marginesy ujemne
- Centrowanie poziome elementów
- Lista własności marginesów
- Rozdział 13. Obramowanie CSS
- Właściwości obramowania
- Obramowanie a obrys
- Obramowanie fizyczne i logiczne
- Lista własności obramowania
- Rozdział 14. Określanie rozmiarów w CSS
- Wymiary naturalne oraz pochodzenia wewnętrznego i zewnętrznego
- Określanie dokładnych rozmiarów
- Wymiary obrazów
- Określanie przedziałów szerokości i wysokości
- Przepełnienie treścią
- Rozdział 15. Grafika w CSS
- Metody definiowania grafik w CSS
- Formaty i rodzaje grafiki obsługiwane w CSS
- Rozdział 16. Stylizacja grafik w CSS
- Dodawanie obrazów do strony
- Kontrolowanie sposobu renderowania obrazu
- Zachowywanie proporcji obrazu
- Pozycjonowanie obrazu w kontenerze
- Środkowanie obrazów
- Responsywne obrazy
- Dodawanie efektu cienia do obrazów
- Ustawianie przezroczystości obrazów
- Zaokrąglanie rogów obrazów
- Tworzenie okrągłych obrazów
- Otaczanie obrazów tekstem
- Podsumowanie
- Rozdział 17. Tła w CSS
- Podstawowe wiadomości o tłach
- Ustawianie koloru tła
- Ustawianie obrazu tła
- Własność background-image
- Kontrola powielania obrazu w tle
- Pozycjonowanie obrazu w tle
- Określanie rozmiaru obrazu w tle
- Obrazy w tle elementów przewijanych
- Określanie punktu początkowego tła
- Wybieranie miejsca obcięcia obrazu tła
- Mieszanie obrazów w tle
- Zbiorcze definiowanie własności tła
- Rozdział 18. Gradienty w CSS
- Typy gradientów
- Gradient liniowy
- Zwiększanie liczby kolorów
- Wybór kierunku gradientu
- Zmiana kąta gradientu
- Gradienty dla zaawansowanych
- Obszar gradientu
- Linia gradientu
- Punkty koloru
- Wskazówki kolorów
- Metody interpolacji kolorów
- Podsumowanie składni gradientu liniowego
- Gradient promienisty
- Określanie kształtu
- Określanie rozmiaru
- Określanie położenia środka
- Gradient stożkowy
- Różnica między gradientem promienistym a gradientem stożkowym
- Gradienty powtarzalne
- Rozdział 19. Czcionki, fonty, kroje pisma
- Rodziny fontów i odmiany pisma
- Linie pisma i metryki fontów
- Ustawianie rozmiaru pisma
- Rozmiar na sztywno w pikselach
- Rozmiar pisma zależny od rozmiaru pisma elementu nadrzędnego
- Rozmiar pisma zależny od szerokości obszaru widoku
- Słowa kluczowe
- Inne
- Ustawianie grubości pisma
- Kursywa i pismo pochyłe
- Wybór odmiany pisma o określonej szerokości
- Własność zbiorcza font
- Fonty zmienne
- Osie fontu zmiennego
- Dołączanie fontów do strony
- Lista własności fontów i krojów pisma