• Definiowanie stylów dla tekstów i rysunków
• Pozycjonowanie elementów strony za pomocÄ… stylów
• Dostosowywanie dokumentów do wyÅ›wietlania w różnych przeglÄ…darkach

Kaskadowe arkusze stylów (CSS) całkowicie zmieniły sposób projektowania stron WWW. Formatowanie elementów za pomocą znaczników, żmudne rozmieszczanie ich w komórkach tabel oraz sztuczki, dzięki którym uzyskiwano efekt podświetlenia, to techniki uważane dziś już za przestarzałe. Wykorzystując technologię CSS możemy definiować wygląd każdego elementu umieszczonego na stronie. Przystosowanie strony do wyświetlania na ekranie telefonu komórkowego lub urządzenia PDA również nie stanowi problemu, jeśli zastosujemy do tego kaskadowe arkusze stylów. Opanowanie tej technologii jest dziś nieodzownym elementem wiedzy każdego projektanta witryn WWW.

Książka "CSS. Antologia. 101 wskazówek i trików" to zbiór porad dotyczących stosowania kaskadowych arkuszy stylów. Wykorzystując opisane w książce sposoby, zaprojektujesz estetyczne i efektywne witryny WWW i aplikacje internetowe. Czytając tę książkę, dowiesz się, jak definiować style dla elementów tekstowych i graficznych, w jaki sposób formatować tabele i formularze oraz jak stworzyć podświetlane przyciski bez korzystania z JavaScriptu. Przeczytasz tu również o pozycjonowaniu elementów strony za pomocą stylów, dostosowywaniu strony do wyświetlania w różnych przeglądarkach, systemach operacyjnych i urządzeniach. Poznasz także techniki umożliwiające uzyskanie "efektów specjalnych", które uatrakcyjnią wygląd Twojej witryny.

• Stosowanie stylów dla tekstu
• Przypisywanie stylów do elementów graficznych
• Budowanie mechanizmów nawigacyjnych
• Formatowanie tabel i formularzy
• Zachowanie zgodnoÅ›ci witryny z różnymi modelami przeglÄ…darek
• Definiowanie ukÅ‚adu strony WWW za pomocÄ… stylów
• Tworzenie efektów specjalnych

Osoby które kupowały "CSS. Antologia. 101 wskazówek i trików", wybierały także:

• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracÄ™ z CSS 89,00 zÅ‚, (35,60 zÅ‚ -60%)
• Zosta 149,00 zÅ‚, (67,05 zÅ‚ -55%)
• CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu 99,00 zÅ‚, (44,55 zÅ‚ -55%)
• CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW 59,00 zÅ‚, (26,55 zÅ‚ -55%)
• Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologiÄ™ BEM 47,93 zÅ‚, (22,05 zÅ‚ -54%)

Spis treści

CSS. Antologia. 101 wskazówek i trików -- spis treści

Wstęp (9)

• Dla kogo przeznaczona jest ta książka? (10)
  
• Co zawiera ta książka? (10)
  
• Fora dyskusyjne SitePoint (11)
  
• Biuletyny SitePoint (12)
  
• Kontakt z nami (12)

Rozdział 1. CSS - od czego zacząć? (13)

• Problem z HTML (13)
  
• Definiowanie stylów w CSS (14)
  
• Selektory CSS (17)
  
• Podsumowanie (20)

Rozdział 2. Style tekstowe i inne techniki podstawowe (21)

• Jak zastÄ…pić znacznik czcionki za pomocÄ… CSS (21)
  
• Jak opisywać wielkość czcionki - za pomocÄ… pikseli, punktów, emów czy innej jednostki (22)
  
• Jak zdefiniować czcionkÄ™ dla wyÅ›wietlanego tekstu (29)
  
• Jak usunąć podkreÅ›lenie z Å‚Ä…czy do stron internetowych (30)
  
• Jak utworzyć Å‚Ä…cze, którego kolor zmieni siÄ™ po wskazaniu kursorem (32)
  
• Jak wyÅ›wietlić dwa różne style Å‚Ä…cza na jednej stronie (34)
  
• Jak dodać kolor tÅ‚a do nagłówka (36)
  
• Jak podkreÅ›lić tekst nagłówka (37)
  
• Jak usunąć odstÄ™p pomiÄ™dzy nagłówkiem <h1> a wystÄ™pujÄ…cym pod nim akapitem (38)
  
• Jak podÅ›wietlić tekst bez stosowania znaczników czcionki (39)
  
• Jak zmodyfikować odstÄ™p miÄ™dzy liniami tekstu (40)
  
• Jak wyjustować tekst (41)
  
• Jak nadać styl poziomej linii (42)
  
• Jak wprowadzić wciÄ™cie w tekÅ›cie (43)
  
• Jak wyÅ›rodkować tekst (45)
  
• Jak za pomocÄ… CSS zamienić wszystkie litery w tekÅ›cie na wielkie (46)
  
• Jak zmienić lub usunąć znaki punktora na liÅ›cie elementów (47)
  
• Jak zdefiniować punktor użytkownika (50)
  
• Jak usunąć wciÄ™ty lewy margines elementów listy (51)
  
• Jak wyÅ›wietlić elementy listy w poziomie (52)
  
• Jak dodać komentarz do kodu w pliku CSS (53)
  
• Jak usunąć marginesy bez dodawania atrybutów do znacznika <body> (53)
  
• Podsumowanie (54)

Rozdział 3. CSS i rysunki (55)

• Jak dodać ramkÄ™ do rysunku (55)
  
• Czym w CSS zastÄ…pić odradzany w specyfikacji HTML atrybut rysunków border (57)
  
• Jak za pomocÄ… CSS zdefiniować tÅ‚o w postaci rysunku (58)
  
• Jak zdefiniować poÅ‚ożenie rysunku tÅ‚a (61)
  
• Jak wstawić rysunek tÅ‚a, który pozostanie nieruchomy w trakcie przewijania strony (63)
  
• Jak zdefiniować tÅ‚o nie tylko dla strony WWW, ale także dla poszczególnych elementów (65)
  
• Jak umieÅ›cić tekst na rysunku (68)
  
• Jak zdefiniować w dokumencie wiÄ™cej niż jedno tÅ‚o (69)
  
• Podsumowanie (70)

Rozdział 4. Systemy nawigacji (71)

• Jak za pomocÄ… CSS zastÄ…pić system nawigacji oparty na rysunkach (72)
  
• Jak za pomocÄ… CSS zmodyfikować listÄ™ elementów tak, aby wyglÄ…daÅ‚a jak menu nawigacyjne (77)
  
• Jak za pomocÄ… CSS uzyskać efekt najazdu bez użycia rysunków i JavaScript (81)
  
• Czy za pomocÄ… CSS i list można stworzyć podmenu? (82)
  
• Jak utworzyć menu poziome za pomocÄ… listy elementów i CSS (86)
  
• Jak za pomocÄ… CSS utworzyć przyciski nawigacji (90)
  
• Jak w CSS utworzyć system nawigacji zawierajÄ…cy zakÅ‚adki (92)
  
• Jak zmienić rodzaj kursora (99)
  
• Jak w CSS uzyskać efekt najazdu bez wykorzystania JavaScript (101)
  
• Podsumowanie (104)

Rozdział 5. Tabele (105)

• Jak za pomocÄ… CSS wyÅ›wietlić dane z arkusza kalkulacyjnego (106)
  
• Jak zapewnić odpowiedniÄ… dostÄ™pność i atrakcyjność danych tabelarycznych umieszczonych na stronie internetowej (107)
  
• Jak dodać ramkÄ™ do tabeli, nie używajÄ…c atrybutu HTML border (110)
  
• Jak usunąć odstÄ™py pomiÄ™dzy komórkami tabeli po dodaniu ramek CSS (112)
  
• Jak wyÅ›wietlić dane tabelaryczne w atrakcyjny i praktyczny sposób (113)
  
• Jak wyÅ›wietlić w dwóch różnych kolorach wiersze tabeli (117)
  
• Jak zmienić kolor tÅ‚a wiersza tabeli po wskazaniu go kursorem (120)
  
• Jak za pomocÄ… CSS utworzyć kalendarz (122)
  
• Podsumowanie (132)

Rozdział 6. Formularze i elementy interfejsu użytkownika (133)

• Jak za pomocÄ… CSS nadać styl elementom formularza (134)
  
• Jak definiować różne style dla pól tego samego formularza (137)
  
• Jak uniknąć automatycznego wstawiania w formularzu biaÅ‚ych znaków i nowych linii (139)
  
• Jak sprawić, aby przycisk wysyÅ‚ania wyglÄ…daÅ‚ jak zwykÅ‚y tekst (140)
  
• Jak umożliwić użytkownikom urzÄ…dzeÅ„ tekstowych poprawne wypeÅ‚nienie formularza (141)
  
• Jak wykonać dwukolumnowy ukÅ‚ad formularza, nie stosujÄ…c tabel (144)
  
• Jak utworzyć grupÄ™ dla powiÄ…zanych ze sobÄ… pól (148)
  
• Jak nadać styl literom klawiszy dostÄ™pu (152)
  
• Jak zdefiniować kolory dla elementów listy rozwijanej (154)
  
• Jak za pomocÄ… CSS sformatować formularz pozwalajÄ…cy wpisywać dane jak do arkusza kalkulacyjnego (155)
  
• Jak wyróżnić aktywne pole formularza (161)
  
• Podsumowanie (163)

Rozdział 7. Współpraca z przeglądarkami i urządzeniami przenośnymi (165)

• W jakich przeglÄ…darkach powinienem testować projektowanÄ… witrynÄ™ (166)
  
• Mam dostÄ™p tylko do jednego systemu operacyjnego. Jak przetestować przeglÄ…darki dziaÅ‚ajÄ…ce na innych systemach? (167)
  
• Czy istnieje usÅ‚uga, która umożliwi mi sprawdzenie funkcjonalnoÅ›ci projektowanej witryny w innych przeglÄ…darkach? (170)
  
• Czy istnieje możliwość zainstalowania na jednym komputerze kilku wersji przeglÄ…darki Internet Explorer? (171)
  
• Jak przetestować witrynÄ™ w przeglÄ…darce tekstowej (173)
  
• Jak przetestować witrynÄ™ w aplikacji odczytujÄ…cej na gÅ‚os treść witryny (174)
  
• Jak ukryć formatowanie CSS w Netscape 4 (175)
  
• Jak stosować zróżnicowane style w Netscape 4 (177)
  
• Jak poinformować użytkowników przeglÄ…darek w wersji 4 o zubożonym wyglÄ…dzie witryny (181)
  
• Jak ukryć kod CSS, aby nie byÅ‚ analizowany przez okreÅ›lone przeglÄ…darki (183)
  
• Dlaczego moja witryna w przeglÄ…darce Internet Explorer 6 wyglÄ…da inaczej niż w Mozilli? (189)
  
• Zdaje siÄ™, że znalazÅ‚em bÅ‚Ä…d w CSS! Co robić? (193)
  
• Część zawartoÅ›ci mojej witryny znika w przeglÄ…darce Internet Explorer 6! Co siÄ™ dzieje? (195)
  
• Co oznaczajÄ… komunikaty o bÅ‚Ä™dach i komunikaty ostrzegawcze w narzÄ™dziu W3C Validator? (199)
  
• Jak utworzyć arkusz stylów dla okreÅ›lonych urzÄ…dzeÅ„, na przykÅ‚ad odczytujÄ…cych na gÅ‚os zawartość witryny lub zestawów WebTV (200)
  
• Jak utworzyć arkusz stylów przeznaczony do drukowania dokumentów (202)
  
• Niektóre przeglÄ…darki umożliwiajÄ… użytkownikowi wybór arkusza stylów. W jaki sposób mogÄ™ dodać alternatywny arkusz stylów do swojej witryny? (211)
  
• Jak zastosować przeÅ‚Ä…cznik arkuszy stylów (214)
  
• Jak stosować alternatywne arkusze stylów, nie powielajÄ…c kodu (217)
  
• Podsumowanie (221)

Rozdział 8. Położenie elementów i modyfikacja układu strony za pomocą CSS (223)

• Kiedy stosować klasÄ™, a kiedy ID (223)
  
• Jak sprawić, aby element sÄ…siadujÄ…cy byÅ‚ wyÅ›wietlany jako blokowy i na odwrót (224)
  
• Jak w CSS funkcjonujÄ… odstÄ™py i marginesy (226)
  
• Jak sprawić, aby rysunek byÅ‚ otaczany przez tekst, nie korzystajÄ…c z atrybutu HTML align (229)
  
• Jak sprawić, aby inne elementy byÅ‚y wyÅ›wietlane pod elementem pÅ‚ywajÄ…cym (232)
  
• Jak wyrównać logo i tytuÅ‚ witryny, nie stosujÄ…c tabeli (235)
  
• Jak za pomocÄ… CSS zdefiniować poÅ‚ożenie elementu na stronie (240)
  
• Jak umieÅ›cić blok na Å›rodku strony (243)
  
• Jak utworzyć przejrzysty, dwukolumnowy ukÅ‚ad zawierajÄ…cy z lewej strony menu, a z prawej głównÄ… treść (246)
  
• Czy można odwrócić ten ukÅ‚ad i umieÅ›cić menu po prawej stronie? (252)
  
• Jak stworzyć dwukolumnowy, wyÅ›rodkowany ukÅ‚ad o zdefiniowanej szerokoÅ›ci (253)
  
• Jak za pomocÄ… CSS stworzyć trzykolumnowy ukÅ‚ad strony (264)
  
• Jak za pomocÄ… CSS dodać stopkÄ™, która bÄ™dzie prawidÅ‚owo wyÅ›wietlana w każdych warunkach (275)
  
• Jak wyÅ›wietlić galeriÄ™ miniatur zdjęć, nie stosujÄ…c tabeli (281)
  
• Podsumowanie (286)

Rozdział 9. Specjalne techniki CSS (287)

• Jak stworzyć kolorowe paski przewijania (287)
  
• Jak utworzyć menu, które bÄ™dzie widoczne nawet po przewiniÄ™ciu zawartoÅ›ci strony (289)
  
• Jak uzyskać nieruchome menu w przeglÄ…darce Internet Explorer (293)
  
• Czy za pomocÄ… CSS mogÄ™ utworzyć stopkÄ™, która pozostaje nieruchoma jak ramka? (297)
  
• Czy można wyÅ‚Ä…cznie za pomocÄ… CSS utworzyć menu rozwijane? (304)
  
• Czy w CSS można zaokrÄ…glić narożniki ramek? (309)
  
• Jak za pomocÄ… CSS uzyskać efekt zaokrÄ…glonych narożników, który bÄ™dzie dziaÅ‚aÅ‚ w przeglÄ…darkach innych niż Mozilla (311)
  
• Jak w przeglÄ…darkach Mozilla i Internet Explorer stworzyć półprzezroczyste elementy (317)
  
• Jak za pomocÄ… CSS wyróżnić zewnÄ™trzne Å‚Ä…cza (320)
  
• Czy można użyć CSS do wstawiania tekstu do dokumentu? (322)
  
• Jak zdefiniować styl dla pierwszej linii lub pierwszej litery w bloku (323)
  
• Czy stosowanie efektów, które nie dziaÅ‚ajÄ… w niektórych przeglÄ…darkach, to coÅ› zÅ‚ego? (327)
  
• Podsumowanie (327)

Skorowidz (329)