CSS_Nieoficjalny_podrecznik_Wydanie_IV_cssnp4.pdf

(4332 KB) Pobierz
Tytuł oryginału: CSS: The Missing Manual, 4th Edition
Tłumaczenie: Łukasz Piwko
ISBN: 978-83-283-2289-9
© 2016 Helion SA.
Authorized Polish translation of the English edition CSS: The Missing Manual, 4th Edition, ISBN
9781491918050 © 2015 David Sawyer McFarland.
This translation is published and sold by permission of O’Reilly Media, Inc., which owns or controls all
rights to publish and sell the same.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording or by any information storage retrieval system,
without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje
naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich
właścicieli.
Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje były
kompletne i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane
z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION nie
ponoszą również żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji
zawartych w książce.
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail:
helion@helion.pl
WWW:
http://helion.pl
(księgarnia internetowa, katalog książek)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/cssnp4
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Pliki z przykładami omawianymi w książce można znaleźć pod adresem:
ftp://ftp.helion.pl/przyklady/cssnp4.zip
Printed in Poland.
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis treści
Nieoficjalna czołówka ............................................................ 7
Wstęp ..................................................................................... 11
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
Część I
Podstawy CSS ...................................................... 21
ROZDZIAŁ 1.
HTML i CSS ............................................................................ 23
HTML kiedyś i teraz ...............................................................................................23
Pisanie HTML-a z myślą o CSS ...........................................................................26
Znaczenie deklaracji typu dokumentu ..........................................................36
Jak działa CSS ..........................................................................................................38
ROZDZIAŁ 2.
Tworzenie stylów i arkuszy stylów ..................................... 41
Anatomia stylu ........................................................................................................42
Zrozumieć arkusze stylów ..................................................................................44
Wewnętrzne arkusze stylów ..............................................................................44
Style zewnętrzne ....................................................................................................46
Kurs: tworzenie pierwszego stylu ....................................................................47
ROZDZIAŁ 3.
Selektory, czyli do czego odnoszą się style ....................... 59
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
3
Kup książkę
Poleć książkę
ROZDZIAŁ 4.
Oszczędzanie czasu dzięki dziedziczeniu .......................... 99
Czym jest dziedziczenie .......................................................................................99
Jak dziedziczenie upraszcza arkusze stylów ............................................. 101
Granice dziedziczenia ........................................................................................ 101
Kurs: dziedziczenie ............................................................................................. 103
ROZDZIAŁ 5.
Zarządzanie wieloma stylami — kaskada ....................... 109
Kaskadowość stylów .......................................................................................... 110
Precyzja: który styl weźmie górę ................................................................... 114
Kontrolowanie kaskady .................................................................................... 116
Kurs: kaskadowość w akcji ............................................................................... 123
Część II
Stosowanie CSS ................................................ 129
ROZDZIAŁ 6.
Formatowanie tekstu ........................................................ 131
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
ROZDZIAŁ 7.
Marginesy, dopełnienie i obramowanie .......................... 193
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
ROZDZIAŁ 8.
Umieszczanie grafiki na stronach WWW ......................... 233
CSS i znacznik <img> ........................................................................................ 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
ROZDZIAŁ 9.
Upiększanie systemu nawigacji ........................................ 277
Wybieranie odnośników do stylizacji .......................................................... 277
Stylizowanie odnośników ................................................................................ 281
Tworzenie pasków nawigacji .......................................................................... 287
4
Kup książkę
SPIS TREŚCI
Poleć książkę
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
ROZDZIAŁ 10.
Przekształcenia, przejścia i animacje CSS ........................313
Przekształcenia .................................................................................................... 313
Przejścia .................................................................................................................. 321
Animacje ................................................................................................................ 328
Kurs .......................................................................................................................... 339
ROZDZIAŁ 11.
Formatowanie tabel i formularzy .....................................347
Właściwy sposób używania tabel ................................................................. 347
Stylizowanie tabel .............................................................................................. 349
Stylizowanie formularzy ................................................................................... 355
Kurs: stylizowanie tabeli ................................................................................... 359
Kurs: stylizowanie formularza ......................................................................... 364
Część III
Tworzenie układu strony za pomocą CSS ....... 371
ROZDZIAŁ 12.
Wprowadzenie do układów stron ....................................373
Typy układów stron WWW .............................................................................. 373
Jak działa układ w CSS ....................................................................................... 376
Strategie planowania układu ......................................................................... 379
ROZDZIAŁ 13.
Tworzenie układów opartych na elementach
pływających ........................................................................385
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
ROZDZIAŁ 14.
Pozycjonowanie elementów na stronie WWW ................415
Jak działają właściwości pozycjonujące ..................................................... 416
Użyteczne strategie pozycjonowania ......................................................... 428
Kurs: pozycjonowanie elementów strony ................................................. 433
ROZDZIAŁ 15.
Projektowanie responsywnych stron internetowych .....441
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
ROZDZIAŁ 16.
Systemy siatkowe CSS .......................................................473
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
ROZDZIAŁ 17.
Tworzenie nowoczesnych układów za pomocą
modelu Flexbox ..................................................................503
Wprowadzenie do Flexboksa ......................................................................... 503
Własności kontenera elastycznego .............................................................. 507
SPIS TREŚCI
Kup książkę
5
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin