Internet powstał jako medium komunikacyjne umożliwiające wymianę danych pomiędzy ośrodkami badawczymi. Nikt wówczas nie przewidywał ogromnej szybkości, z jaką się rozwinie, i popularności, jaką zdobędzie. Strony WWW były proste, zawierały głównie tekst, a wyświetlanie ich w innych urządzeniach niż komputery stacjonarne kojarzone było raczej z powieściami science-fiction. Dziś internet to potężny zbiór informacji i miliony stron WWW. Jego użytkownicy używają różnych przeglądarek, różnych systemów operacyjnych i różnych urządzeń do przeglądania jego zasobów. Taka sytuacja wywołała konieczność ustanowienia standardów, w oparciu o które tworzone są strony WWW. Trzeba było także wypracować mechanizmy pozwalające łatwo zmieniać sposób formatowania stron, aby dostosować je do wymagań oraz możliwości przeglądarek i urządzeń.
Czytając książkę "Utopia HTML. Projektowanie w CSS bez użycia tabel", poznasz CSS (kaskadowe arkusze stylów) -- technologię, która umożliwia niemal dowolne formatowanie każdego dokumentu HTML. Dowiesz się, jak definiować style CSS i jak stosować je w procesie tworzenia stron WWW. Nauczysz się projektować strony, w których zmiana wyglądu nie będzie wymagać przekonstruowania kodu HTML, a jedynie modyfikacji kilku linijek w arkuszu stylów. Poznasz również niestandardowe zastosowania kaskadowych arkuszy stylów.
- Podstawowe wiadomości o CSS
- Style lokalne i globalne
- Mechanizmy dziedziczenia
- Selektory i pseudoklasy
- Rozmieszczanie elementów strony za pomocą stylów
- Przypisywanie kolorów
- Efekty tekstowe
- Walidacja dokumentów CSS
Książka zawiera również zestawienie wszystkich atrybutów CSS, które można stosować przy definiowaniu stylów.
O autorze (13)Wstęp (15)
Część I Wprowadzenie do CSS (19)
Rozdział 1. Startujemy (21)
- CSS w kontekście (21)
- Podstawowy cel CSS (22)
- Dlaczego większość tabel jest zła? (23)
- Tabele oznaczają długi czas ładowania strony (23)
- Użycie "pustych obrazków" nas spowalnia (24)
- Utrzymywanie tabel na stronie jest koszmarem (24)
- Kiedy użycie tabel jest właściwe? (25)
- Czym w rzeczywistości jest CSS? (25)
- Elementy reguł CSS (26)
- Rodzaje reguł CSS (29)
- Które właściwości są zależne od reguł CSS? (29)
- Na które elementy ma wpływ CSS? (29)
- Gdzie definiuje się style CSS? (30)
- Dlaczego należy się tym przejmować? (32)
- Podsumowanie (35)
- Do czego nadaje się CSS? (37)
- Kolor a CSS (38)
- Czcionki a CSS (40)
- Animacje pseudoklas a CSS (41)
- Obrazki a CSS (43)
- Wiele arkuszy stylów, użytkownicy a CSS (45)
- Czego CSS sam nie może zrobić? (45)
- CSS a dostęp do strony (47)
- CSS a ciągle zmieniający się świat przeglądarek (51)
- Dostosowywanie starszych przeglądarek (53)
- Postępowanie w przypadku nieprawidłowo działających przeglądarek (55)
- Podsumowanie (56)
- Zastosowanie reguł CSS w dokumentach HTML (57)
- Użycie skrótowych właściwości (58)
- Jak w CSS działa dziedziczenie? (59)
- Selektory a struktura reguł CSS (60)
- Selektor uniwersalny (62)
- Selektor elementu (62)
- Selektor klasy (62)
- Selektor identyfikatora (63)
- Selektor pseudoelementu (64)
- Selektor pseudoklasy (65)
- Selektor potomka (66)
- Selektor dziecka (66)
- Selektor braci (67)
- Selektory atrybutów (67)
- Grupowanie selektorów (68)
- Wyrażanie wielkości (69)
- Wartości absolutne (70)
- Wartości względne (71)
- Komentarze CSS (73)
- Podsumowanie (73)
Rozdział 4. Projektowanie serwisu w CSS (77)
- Zalety tworzenia strony w CSS (78)
- Zwiększona kontrola składni (78)
- Scentralizowana informacja o rozmieszczeniu elementów na stronie (79)
- Znaczniki semantyczne (79)
- Dostępność (81)
- Zgodność ze standardami (82)
- Przykłady zwieńczonego sukcesem zastosowania CSS (83)
- Przykładowa witryna: Footbag Freaks (84)
- Podsumowanie (85)
- Wyliczanie typów szablonów (87)
- Ile układów stron? (88)
- Ile elementów projektu? (88)
- Pozycjonowanie w CSS i wielokolumnowe układy stron (90)
- Pudełkowy schemat CSS (90)
- Właściwość display (106)
- Pozycjonowanie w CSS i wielokolumnowe układy stron (106)
- Wartości absolutne, relatywne i pozycjonujące (107)
- Podstawowy, trójkolumnowy układ strony (110)
- Dodanie nagłówka strony (112)
- Podsumowanie (114)
- Pozycjonowanie bloków strony (115)
- Jednostki miar oraz sposoby ich wyznaczania mają wpływ na projekt witryny (115)
- Właściwość float (116)
- Właściwość clear (118)
- Wartości absolutne a relatywne wysokości i szerokości (121)
- Właściwość z-index oraz nachodząca na siebie zawartość (128)
- Układ strony CSS w praktyce: Footbag Freaks (132)
- Podsumowanie (138)
Rozdział 7. Dodawanie kolorów z palety (141)
- Kto sprawuje tutaj nadzór? (141)
- Kolory w CSS (142)
- Jak się określa kolory? (143)
- Selekcja kolorów i ich kombinacje (145)
- Ustawienie kolorów sekcji body (146)
- Przezroczystość, kolor a ustawienia użytkownika (147)
- Ciekawe zastosowania kolorów (148)
- Ostrzeżenia oraz uwagi (148)
- Kolorowanie dodatkowych wierszy tabeli z danymi (150)
- Podsumowanie (153)
- Jak CSS radzi sobie z czcionkami? (155)
- Właściwość font-family (156)
- Właściwość font-size (156)
- Rozmiary w HTML a rozmiary w CSS (158)
- Różnorodność przeglądarek oraz platform (158)
- Relatywne względem czego? (159)
- Inne właściwości czcionek (160)
- Właściwość font-style (160)
- Właściwość font-variant (160)
- Właściwość font-weight (160)
- Skrótowa właściwość font (161)
- Standardowe i niestandardowe rodziny czcionek (163)
- Określanie list czcionek (165)
- Użycie standardowych i ogólnodostępnych czcionek (166)
- Podsumowanie (168)
- Zastosowanie elementu span (170)
- Justowanie tekstu jako technika projektowania strony (171)
- Wyrównywanie tekstu w CSS a w HTML (171)
- Przejście ze skompresowanego do przestronnego sposobu projektowania (172)
- Rozpoczynanie linii akapitem (176)
- Odstępy poziome i pionowe (178)
- Właściwość line-height (178)
- Właściwości letter-spacing oraz word-spacing (180)
- Ozdabianie tekstu (184)
- Cieniowanie tekstu bez użycia elementów graficznych (186)
- Nadawanie stylów hiperłączom (188)
- Nadawanie stylów CSS listom (190)
- Właściwość list-style-type (190)
- Właściwość list-style-position (194)
- Właściwość list-style-image (195)
- Kaskadowość i dziedziczenie (196)
- Podstawowe zasady kaskadowości (196)
- Kolejność występowania (197)
- Szczegółowość (199)
- Pochodzenie (200)
- Priorytet (201)
- Podsumowanie (201)
- Wyrównanie rysunków i tekstu (203)
- Pokrycie obrazków tekstem (205)
- Przycinanie zawartości HTML (208)
- Podsumowanie (210)
Rozdział 11. Zwiększanie komfortu pracy użytkownika (213)
- Podstawowe nadawanie stylów liście w CSS (214)
- Wzbogacanie wyglądu menu (217)
- Tworzenie podmenu (218)
- Modyfikowanie kursora myszy (221)
- Użycie nieruchomego obrazka jako tła (222)
- Podsumowanie (224)
- Walidacja dokumentu CSS (227)
- Dostosowywanie do zgodności z poprzednimi wersjami (231)
- Które przeglądarki nie chciały się dostosować? (231)
- Reguły postępowania z niestandardowymi przeglądarkami (232)
- Dostosowywanie Netscape 4.x (236)
- Dalsze udziwnienia: przełączanie między elementami DOCTYPE (238)
- Podsumowanie (239)
Dodatek A Rozmaitości (243)
- @-reguły (243)
- Dźwiękowe arkusze stylów (246)
- CSS a JavaScript (248)
Dodatek C Spis właściwości CSS (257)
- azimuth (257)
- background (258)
- background-attachment (259)
- background-color (260)
- background-image (261)
- background-position (262)
- background-position-x, background-position-y (264)
- background-repeat (265)
- behaviour (266)
- border (267)
- border-bottom, border-left, border-right, border-top (267)
- border-bottom-color, border-left-color, border-right-color, border-top-color (268)
- border-bottom-style, border-left-style, border-right-style, border-top-style (269)
- border-bottom-width, border-left-width, border-right-width, border-top-width (270)
- border-collapse (271)
- border-color (272)
- border-spacing (273)
- border-style (273)
- border-width (275)
- bottom (276)
- caption-side (277)
- clear (278)
- clip (279)
- color (280)
- content (281)
- counter-increment (283)
- counter-reset (284)
- cue (286)
- cue-after, cue-before (286)
- cursor (287)
- direction (289)
- display (291)
- elevation (294)
- empty-cells (295)
- filter (295)
- float (297)
- font (298)
- font-family (299)
- font-size (301)
- font-size-adjust (303)
- font-stretch (305)
- font-style (306)
- font-variant (307)
- font-weight (308)
- height (309)
- ime-mode (310)
- layout-flow (311)
- layout-grid (312)
- layout-grid-char (313)
- layout-grid-line (314)
- layout-grid-mode (315)
- layout-grid-type (316)
- layer-background-color (317)
- layer-background-image (318)
- left (319)
- letter-spacing (320)
- line-break (321)
- line-height (322)
- list-style (323)
- list-style-image (325)
- list-style-position (326)
- list-style-type (327)
- margin (329)
- margin-bottom, margin-left, margin-right, margin-top (330)
- marker-offset (331)
- marks (333)
- max-height, min-height (334)
- max-width, min-width (335)
- -moz-border-radius (336)
- -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -mozborder-radius-topleft, -moz-border-radius-topright (337)
- -moz-opacity (338)
- orphans (339)
- outline (340)
- outline-color (341)
- outline-style (342)
- outline-width (343)
- overflow (344)
- overflow-x, overflow-y (345)
- padding (346)
- padding-bottom, padding-left, padding-right, padding-top (348)
- page (349)
- page-break-after (350)
- page-break-before (351)
- page-break-inside (352)
- pause (353)
- pause-after, pause-before (354)
- pitch (355)
- pitch-range (356)
- play-during (357)
- position (358)
- quotes (359)
- richness (361)
- right (362)
- ruby-align (363)
- ruby-overhang (364)
- ruby-position (365)
- scrollbar-base-color (366)
- scrollbar-element-color (367)
- size (369)
- speak (370)
- speak-header (370)
- speak-numeral (371)
- speak-punctuation (372)
- speech-rate (373)
- stress (374)
- table-layout (375)
- text-align (375)
- text-align-last (377)
- text-autospace (378)
- text-decoration (379)
- text-indent (380)
- text-justify (381)
- text-kashida-space (382)
- text-overflow (383)
- text-shadow (384)
- text-transform (385)
- text-underline-position (386)
- top (387)
- unicode-bidi (388)
- vertical-align (390)
- visibility (392)
- voice-family (393)
- volume (394)
- white-space (395)
- widows (396)
- width (397)
- word-break (398)
- word-spacing (399)
- word-wrap (400)
- writing-mode (401)
- z-index (402)
- zoom (403)
Skorowidz (411)