CSS jest świetnym narzędziem do budowania profesjonalnych stron internetowych. Opanowanie jego tajników może wydawać się dość trudnym zadaniem, jednak wysiłek ten bardzo się opłaca. CSS wciąż zaskakuje nieoczekiwanymi możliwościami, dalece wykraczającymi poza proste ozdabianie stron WWW. Technologia ta pozwala na tworzenie znakomicie wyglądających witryn o przebogatej funkcjonalności. Co jakiś czas pojawiają się nowe narzędzia i modele, jeszcze bardziej poszerzające warsztat projektanta. CSS jest jedną z tych technik, które wymagają nieustannego uczenia się i zapoznawania z nowościami.

Niniejsza książka to niezwykle wartościowy podręcznik dla projektantów stron o różnym poziomie zaawansowania. Zawarto tu zwięzłe wprowadzenie do języka HTML w zakresie niezbędnym dla każdego, kto chce programować w CSS. Przedstawiono wyczerpujące i dokładne wskazówki tworzenia stron WWW w CSS, wyjaśniając poszczególne niuanse tej technologii. W dobie rozwoju urządzeń mobilnych niezwykle cenne są informacje o sposobach kontroli układów strony, o elementach pływających i pozycjonowaniu. Ponadto autor omówił wiele zaawansowanych technik CSS, takich jak systemy siatkowe, model Flexbox, technologia Sass i wiele, wiele innych.

W tej książce znajdziesz:

• zwięzłe wyjaśnienie podstaw HTML i CSS
• instrukcje dotyczące programowania kształtów, ramek, cieni, gradientów
• omówienie projektowania struktury i układów strony, również dla urządzeń mobilnych
• wskazówki dotyczące stosowania takich technik, jak elementy pływające i pozycjonowanie
• omówienie modelu Flexbox i technologii Sass
• wyjaśnienie, jak tworzyć przejścia, animacje i formularze
• opis dobrych praktyk programowania w CSS

Rozdziały:

Nieoficjalna czołówka (7)

• Czym jest CSS (11)
• Co trzeba wiedzieć (12)
• HTML - szkielet dokumentu (12)
• Jak działają znaczniki HTML (13)
• HTML5 - więcej elementów do wyboru (14)
• Programy do pracy z CSS (15)
• O tej książce (16)
• Podstawy (18)
• Zasoby internetowe (19)

• HTML kiedyś i teraz (23)
• Pisanie HTML-a z myślą o CSS (26)
• Znaczenie deklaracji typu dokumentu (36)
• Jak działa CSS (38)

• Anatomia stylu (42)
• Zrozumieć arkusze stylów (44)
• Wewnętrzne arkusze stylów (44)
• Style zewnętrzne (46)
• Kurs: tworzenie pierwszego stylu (47)

• Selektory typu - style dla elementów HTML (60)
• Selektor klasy - precyzyjna kontrola (61)
• Selektor ID - pojedyncze elementy strony (65)
• Nadawanie stylów grupom znaczników (67)
• Stylizowanie znaczników zagnieżdżonych (68)
• Pseudoklasy i pseudoelementy (72)
• Selektory atrybutu (77)
• Selektor brata (84)
• Selektor :target() (85)
• Selektor :not() (86)
• Kurs: selektory (87)

• Czym jest dziedziczenie (99)
• Jak dziedziczenie upraszcza arkusze stylów (101)
• Granice dziedziczenia (101)
• Kurs: dziedziczenie (103)

• Kaskadowość stylów (110)
• Precyzja: który styl weźmie górę (114)
• Kontrolowanie kaskady (116)
• Kurs: kaskadowość w akcji (123)

• Czcionki (131)
• Stosowanie czcionek sieciowych (136)
• Usługa Google Fonts (150)
• Kolorowanie tekstu (156)
• Zmiana rozmiaru pisma (159)
• Formatowanie słów i liter (165)
• Dodawanie cieni do tekstu (169)
• Formatowanie całych akapitów (170)
• Stylizowanie list (176)
• Kurs: formatowanie tekstu (179)

• Istota modelu polowego (193)
• Marginesy i dopełnienie (195)
• Obramowanie (201)
• Kolorowanie tła (204)
• Zaokrąglanie rogów (205)
• Cienie elementów (207)
• Określanie wysokości i szerokości (210)
• Elementy pływające (216)
• Kurs: marginesy, tła i obramowanie (221)

• CSS i znacznik (233)
• Obrazy tła (234)
• Kontrola sposobu powtarzania obrazu w tle (238)
• Pozycjonowanie obrazu tła (240)
• Własność zbiorcza background (248)
• Ustawianie wielu obrazów w tle jednego elementu (250)
• Stosowanie gradientów w tle (253)
• Kurs: uatrakcyjnianie grafik (261)
• Kurs: tworzenie galerii fotografii (266)
• Kurs: wstawianie obrazów do tła elementów (270)

• Wybieranie odnośników do stylizacji (277)
• Stylizowanie odnośników (281)
• Tworzenie pasków nawigacji (287)
• Wczytywanie grafik tła odnośników z wyprzedzeniem (295)
• Stylizowanie wybranych rodzajów odnośników (297)
• Kurs: stylizowanie odnośników (299)
• Kurs: tworzenie paska nawigacji (304)

• Przekształcenia (313)
• Przejścia (321)
• Animacje (328)
• Kurs (339)

• Właściwy sposób używania tabel (347)
• Stylizowanie tabel (349)
• Stylizowanie formularzy (355)
• Kurs: stylizowanie tabeli (359)
• Kurs: stylizowanie formularza (364)

• Typy układów stron WWW (373)
• Jak działa układ w CSS (376)
• Strategie planowania układu (379)

• Stosowanie elementów pływających w układach (388)
• Rozwiązywanie problemów z elementami pływającymi (393)
• Kurs: układy wielokolumnowe (404)

• Jak działają właściwości pozycjonujące (416)
• Użyteczne strategie pozycjonowania (428)
• Kurs: pozycjonowanie elementów strony (433)

• Podstawy techniki RWD (441)
• Przystosowywanie strony do techniki RWD (443)
• Zapytania medialne (444)
• Elastyczne siatki (451)
• Płynne obrazy (455)
• Kurs stosowania techniki RWD (459)

• Jak działają siatki (473)
• Definiowanie struktury strony na bazie siatki (475)
• System siatkowy Skeleton (476)
• Tworzenie kolumn i nadawanie im nazw (480)
• Kurs: jak posługiwać się systemem siatkowym (487)

• Wprowadzenie do Flexboksa (503)
• Własności kontenera elastycznego (507)
• Własności elementów elastycznych (514)
• Kurs - budowa układu przy użyciu modelu Flexbox (527)

• Wstawianie komentarzy (539)
• Porządkowanie stylów i arkuszy stylów (541)
• Usuwanie przeszkadzających stylów przeglądarki (549)
• Wykorzystanie selektorów potomka (552)

• Czym jest Sass (559)
• Instalacja Sass (561)
• Podstawy Sass (564)
• Organizacja stylów w plikach częściowych (569)
• Zmienne w Sass (572)
• Zagnieżdżanie selektorów (576)
• Dziedziczenie własności (580)
• Domieszki (585)
• Zapytania medialne (593)
• Rozwiązywanie problemów przy użyciu map źródeł CSS (597)

• Wartości CSS (603)
• Właściwości tekstu (608)
• Właściwości list (613)
• Dopełnienie, obramowania i marginesy (614)
• Tła (620)
• Właściwości układu strony (623)
• Własności animacji, przekształceń i przejść (630)
• Właściwości tabel (634)
• Pozostałe właściwości (636)

• Podręczniki (639)
• Pomoc dotycząca CSS (640)
• Porady, sztuczki i wskazówki (641)
• Nawigacja z CSS (641)
• Układy oparte na CSS (642)
• Witryny pokazowe (642)