css. ćwiczenia helion, ebooki
[ Pobierz całość w formacie PDF ]
//-->4CSS •ĆwiczeniaRozdział 4. KoloryAtrybuty definiujące kolor5355Rozdział 5. TekstAtrybuty stylu odnoszące się do czcionkiRozmieszczanie tekstu w pionie i w poziomieMarginesy i wcięciaMarginesy wewnętrzne — paddingFormatowanie fragmentów tekstuTrójkolumnowa strona WWW utworzonaza pomocą formatowania CSS61616977828492Rozdział 6. Model pudełkowyObramowaniaStyle pudełekPozycjonowanieWarstwyPrzepełnienieObrazy9799102107121126129Rozdział 7. OdnośnikiZmiana wyglądu odnośników133134Dodatek ADodatek BZnaczniki i elementyOznaczenia i kody kolorów1431512Kaskadowe arkusze stylów— podstawowedefinicje i zasadyKaskadowe arkusze stylów (ang.Cascading Style Sheets—CSS),zalecana przez W3C metoda stosowania stylów, to narzędzie,które pozwoli Ci zapanować nad układem stron i serwisówWWW. Bez arkuszy CSS nie ma nowoczesnych stron WWW. Nie tylkojednak o standardy tu chodzi — kaskadowe arkusze stylów to takżeogromna oszczędność czasu, o czym bez wątpienia przekonasz się,wprowadzając w kodzie swoich stron różne poprawki.Dlaczego kaskadowe arkusze stylu nazywają się „kaskadowymi”?Wynika to ze sposobu ich działania; prawie każdy element podrzędny(a więc na przykład element<span>zawarty wewnątrz elementu<p>)dziedziczy atrybuty stylu elementu nadrzędnego, a wybrane z nichmoże samodzielnie nadpisywać. W efekcie powstaje swoista kaskadadefinicji stylu, której wyższe stopnie narzucają wygląd stopniom niż-szym, a te z kolei mogą anulować wybrane elementy definicji i zastą-pić je własnymi, które z kolei spróbują narzucić własnym elementompodrzędnym.W przypadku występowania różnych arkuszy stylów na jednej stroniestopień ich ważności rośnie w następującej kolejności:22CSS •Ćwiczenia1.Domyślne ustawienia przeglądarki.2.Zewnętrzny arkusz stylów.3.Osadzony arkusz stylów (umieszczony między znacznikami<head> </head>).4.Styl wpisany (dotyczący konkretnego elementu HTML).Arkusze CSS są obsługiwane — w mniej lub bardziej zgodny ze stan-dardem sposób — przez wszystkie nowoczesne, graficzne przeglądarkiWWW (Internet Explorer, Opera oraz Mozilla Firefox), przy czym zaimplementację wzorcową można uważać przeglądarkę Firefox.Zasady ogólne1.Twórz uniwersalne arkusze stylów— tak aby można było z nichkorzystać w różnych dokumentach.2.Pamiętaj o skalowalności dokumentów— ponieważ dokumentybędą wyświetlane w dynamicznychśrodowiskachi na różnymsprzęcie, szczególnie istotne jest wybranie odpowiednichjednostek miary — jednostki względne powinny mieć przewagęnad absolutnymi (dotyczy to na przykład szerokości marginesów,wielkości czcionki itp.). Więcej informacji na ten tematznajdziesz w rozdziale 3.3.Licz się z czytelnikiem— niektórzy czytelnicy będą korzystaliz własnych ustawień. Twoje arkusze stylów powinny to braćpod uwagę. W jaki sposób? Odpowiednie definicje stylów powinnybyć umieszczane we właściwych miejscach. Na przykład te,które są stosowane do całego dokumentu, umieszczaj w sekcji<body>— i tylko tam. W ten sposób czytelnik bez truduwprowadzi odpowiednie zmiany.4.Testuj arkusze stylów— testuj je w kilku przeglądarkach,aby nie sprawić swoim czytelnikom niemiłej niespodzianki.Jeśli korzystasz z właściwości CSS, która nie jest obsługiwanapowszechnie, upewnij się,żestrona wygląda względniepoprawnie nawet w mniej zaawansowanych przeglądarkach.Rozdział2. • Kaskadowe arkusze stylów235.Uwzględniaj struktury dokumentu— arkusze stylów umożliwiająoddzielenie wyglądu strony od jej struktury logicznej. Zawszezaczynaj od zapisania kodu strony standardowymi znacznikaminagłówków, akapitów tekstu i tabel, a dopiero później nakładajna gotowy dokument style modyfikujące jego wygląd.6.Dostarczaj nazwy rodzin czcionek— pamiętaj,żedokumentbędzie wyświetlany na różnych komputerach, z różnym„wyposażeniem” w czcionki. Podanie nazwy ich rodziny pozwalana zachowanie charakteru strony. Unikaj też „egzotycznych”krojów pisma, jest bowiem wysoce prawdopodobne,żemożeich brakować. Najlepiej ograniczać się do czcionek dostępnychstandardowo w systemach operacyjnych Windows i Linux.7.Zachowaj umiar w stosowaniu ujemnych marginesów— ujemnemarginesy pozwalają uzyskać ciekawe efekty, ale nie wszystkieprzeglądarki radzą sobie z nimi. Jeśli stosujesz takie marginesy,testuj stronę w różnych przeglądarkach.8.Upraszczaj formy— konstruując arkusz stylów, zachowaj umiar.Możesz użyć wielu różnych krojów pisma i zapełnić stronękolorami, lecz nie wpłynie to pozytywnie na przekaz informacji.Typy kaskadowych arkuszy stylówKiedyś, w epoce poprzedzającej wprowadzenie arkuszy, wygląd stronyzależał od użytej przeglądarki. To ona decydowała o sposobie roz-mieszczenia zawartości dokumentu. Arkusze stylów dają twórcyści-słą kontrolę nad wyglądem strony. Pozwalają także oddzielić zawartość(treść i konstrukcję strony) od wyglądu i formatowania. Ułatwia toewentualne późniejsze zmiany.Istnieją trzy odmiany arkuszy:osadzone, wpisaneiłączone.Styl wpisanyStyle wpisane są to atrybuty stylu wprowadzane w ramach atrybutustyledowolnego, interesującego Cię znacznika HTML. Zaletą tej meto-dy jest jej bezpośredniość — możesz zmienić wygląd dowolnego, naj-mniejszego choćby elementu strony całkowicie niezależnie od wyglądu
[ Pobierz całość w formacie PDF ]