Podręcznik CSS. Eric Meyer o tworzeniu nowoczesnych układów stron WWW. Smashing Magazine

272 Pages·2011·27.984 MB·Polish

by  Eric Meyer

Tytuł oryginału: Smashing CSS: Professional Techniques for Modern Layout
Tłumaczenie: Łukasz Piwko
ISBN: 978-83-246-3599-3
Numer katalogowy: 6647
© 2011 John Wiley & Sons, Ltd.
All Rights Reserved. Authorised translation from the English language edition published by
John Wiley & Sons Limited. Responsibility for the accuracy of the translation rests solely with Helion S.A.
and is not the responsibility of John Wiley & Sons Limited. No part of this book may be reproduced in any
form without the written permission of the original copyright holder, John Wiley & Sons Limited.
Polish edition copyright © 2011 by Helion S.A. All rights reserved.
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. [phone]
e-mail: [email protected]
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?tfacss_p
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
(cid:2) Poleć książkę na Facebook.com (cid:2) Księgarnia internetowa
(cid:2) Kup w wersji papierowej (cid:2) Lubię to! » Nasza społeczność
(cid:2) Oceń książkę
PODZIĘKOWANIA WYDAWCY ORYGINAŁU
Oto wybrane osoby, które przyczyniły się do powstania tej książki:
Editorial and Production
VP Consumer and Technology Publishing Director: Michelle Leete
Associate Director — Book Content Management: Martin Tribe
Associate Publisher: Chris Webb
Publishing Assistant: Ellie Scott
Project Editor: Brian Herrmann
Copy Editor: Debbye Butler
Editorial Manager: Jodi Jensen
Sr. Project Editor: Sara Shlaer
Editorial Assistant: Leslie Saxman
Marketing
Senior Marketing Manager: Louise Breinholt
Marketing Executive: Kate Parrett
Composition Services
Compositor: Jennifer Mayberry
Proofreader: Susan Hobbs
Indexer: Potomac Indexing, LLC

Dla Kathryn, Carolyn i Rebeki,
które są mym najpiękniejszym snem.
O autorze
Eric A. Meyer jest znanym na całym świecie specjalistą od języków HTML i CSS oraz
standardów sieciowych. Pracuje w tym zawodzie od 1993 roku. Jest założycielem firmy
Complex Spiral Consulting, której klientami są m.in. takie firmy, jak America On-Line,
Apple, Adobe, Microsoft, Progressive Insurance, Sherwin-Williams i wiele innych.
Jest jednym z inicjatorów ruchu promującego mikroformaty oraz współorganizatorem
(razem z Jeffreyem Zeldmanem) An Event Apart, serii konferencji dla osób zajmujących
się tworzeniem witryn internetowych. Meyer jest również autorem pięciu bestsellerów
poświęconych tematyce kaskadowych arkuszy stylów i projektowaniu stron internetowych.
6
Podziękowania
Dziękuję Chrisowi Webbowi za zaangażowanie mnie w prace nad tym projektem i cierpliwe
przeczekiwanie wszystkich moich opóźnień i potknięć. Były chwile, kiedy wydawało się,
że już nic z tego nie będzie. Wtedy do akcji wkraczał Chris ze swoim dobrym humorem
i stoickim spokojem, po czym wszystko wracało na właściwe tory. Podziwiam Cię i mam
nadzieję, że któregoś roku uda nam się w końcu ustalić czas wspólnego urlopu, abyśmy
mogli napić się razem daiquiri przy basenie.
Dziękuję także Debbye Butler i Brianowi Herrmannowi za przeprowadzenie mnie za rękę
przez proces korekty i pokazanie mi, gdzie zapuściłem się na manowce, gdzie źle dobrałem
słowa, a gdzie po prostu wyraziłem się niejasno.
Dziękuję wszystkim, którzy czytają moje publikacje, czy to papierowe, czy w internecie.
Dziękuję Wam z całego serca.
Dziękuję mojej żonie i córkom. Nie potrafię znaleźć słów, aby opisać, jak bardzo jestem
Wam wdzięczny.
7
Eric A. Meyer
Cleveland Heights, Ohio
13 sierpnia 2010

Spis treści
CZĘŚĆ I PODSTAWY 15
Rozdział 1 Narzędzia 17
Firebug 18
Pasek narzędzi Web Developer 24
Pasek narzędzi Internet Explorer Developer Toolbar 29
Dodatek Dragonfly dla Opery 33
Dodatek WebInspector do przeglądarki Safari 35
XRAY 37
Narzędzie Selectoracle 38
Diagnostyczny arkusz stylów 40
Zerowanie stylów 42
Skrypt IE9.JS 45
Rozdział 2 Selektory 47
Pseudocoś tam 48
Precyzyjne lądowanie 50
Precyzja selektorów 51
Reguła ważności 52
Co się dzieje, gdy zostanie pominięta jakaś wartość
w zapisie skróconym? 53
Wybiórcze przesłanianie własności w zapisie skróconym 55
Selektor uniwersalny 57
Identyfikatory a klasy 58
Łączenie identyfikatorów z klasami 61
Przypisywanie jednego elementu do wielu klas 61
Selektory atrybutów 62
Selektor atrybutu class 64
Identyfikatory a selektory atrybutów 65
Selektor podłańcuchów wartości atrybutów 66
Selektor podłańcuchów wartości atrybutów — ciąg dalszy 68
Selektory dzieci 70
Częściowa imitacja selektora elementów dzieci 72
Selektory elementów siostrzanych 73
Generowanie treści 75
SPIS TREŚCI
CZĘŚĆ II NIEZBĘDNIK 79
Rozdział 3 Porady 81
Sprawdzaj poprawność kodu! 82
Kolejność własności pisma 83
Wysokość linii 83
Bezjednostkowe wartości własności line-height 84
Określaj styl obramowania 86
Ustawianie koloru obramowania 86
Wyłączanie wyświetlania elementów 88
Wyłączanie widoczności elementu 89
Wyrzucanie elementów poza ekran 90
Obrazy zamiast tekstu 92
Style dla druku 94
Pisanie arkuszy stylów dla druku 95
Łącza blokowe 96
Margines czy dopełnienie? 97
Wycinanie list 99
Definiowanie punktorów list 100
Punktory w tle 102
Generowanie markerów 105
Masz do dyspozycji więcej kontenerów, niż myślisz 107
10
Tła dokumentu 110
Arkusze serwerowe 111
Rozdział 4 Układy 115
Stosowanie obrysu zamiast obramowania 116
Ustawianie bloków na środku 118
Kontenery elementów pływających — przepełnienie 121
Pływające kontenery elementów pływających 123
Clearfix 125
Kliring elementów przylegających 126
Prosty układ dwukolumnowy 128
Prosty układ trzykolumnowy 129
Fałszywe kolumny 132
Technika Liquid Bleach 135
One True Layout 138
Święty Graal 142
Płynne siatki 146
Układ oparty na jednostkach em 150
Ujemne marginesy w układzie normalnym 154
Pozycjonowanie w kontekście 156
Wyjście poza kontener 158
Pozycjonowanie na sztywno nagłówków i stopek 161