r04

[ Pobierz całość w formacie PDF ]
.html" title="System Windows XXI wieku.">Windows XP</A> oraz pakietu biurowego <A href="Office_XP.html" title="Nowy pakiet Office.">Office XP</A>.</p><p style="text-align:right">Pomysłem Billa Gatesa na ukrócenie piractwa i zmniejszenie strat firmy jest obowiązkowa telefoniczna rejestracja produktu przy każdej jego instalacji.Pomyślmy teraz, jak zareaguje rynek na taką sytuację.Czy nagle półki sklepów zostaną ogołocone z pudełek z programami ze znakiem Microsoft?</p></body></html>Rys.4.15.Oto dokument po dodaniu formatowania za pomocą stylów CSSPomyśl, jak prosta teraz będzie modyfikacja formatowania, nawet jeśli dokument znacznie się rozrośnie!Najważniejsze informacjelKaskadowe arkusze stylów CSS (Cascading Style Sheets) służą do definiowania sposobu wyświetlania elementów HTML.Pozwalają korzystać ze stylów złożonych, które przeglądarka zinterpretuje w określonym porządku zwanym kaskadą.llArkusze stylów mogą być stosowane w odniesieniu do konkretnego elementu html - wówczas mówimy o stylu wpisanym, w odniesieniu do całego dokumentu html - takie arkusze stylów nazywa się osadzonymi, lub mogą rezydować w pliku zewnętrznym - wtedy jest to zewnętrzny lub łączony arkusz stylów.llAtrybut style pozwala zastosować arkusz stylów do konkretnego elementu.Ogólna postać stylu wpisanego jest następująca: <znacznik style=”właściwość: wartość;”>llStyl wpisany jest wprowadzany w wybranym znaczniku i nie ma wpływu na pozostałe znaczniki.llOsadzony arkusz stylów to definicja stylu umieszczona między znacznikami <style></style>.Element style powinien znaleźć się w nagłówku dokumentu:l<head><style type="text/css"><--!selektor{właściwość: wartość}--></style></head>lSelektorem nazywa się definiowany znacznik czy też element, właściwość to jego atrybut.Właściwość i wartość rozdzielone są dwukropkiem oraz zawarte w nawiasach klamrowych.llAby zdefiniować w definicji stylu kilka właściwości, należy je rozdzielać średnikami.Na przykład: p {text-align: center; color: red}llZnaczniki komentarza html obejmują wszystkie znaczniki i właściwości CSS - dzięki temu przeglądarki, które nie potrafią obsługiwać arkuszy stylów, potraktują kod jako komentarz.llW definicji stylu elementy (inaczej selektory) można grupować.Selektory w grupie oddzielane są przecinkami.Na przykład: h1, h2 {color: red}llAtrybut class pozwala zdefiniować różne style dla tego samego elementu - inaczej mówiąc pozwala zdefiniować klasy stylu.llKlasa to szeroko zdefiniowany styl, który określa właściwości dla pewnych lub wszystkich elementów dokumentu.llOgólna postać definicji klasy jest następująca: element.nazwa_klasy{właściwość: wartość}llNazwy klas mogą być dowolne, nie należy jednak stosować w nich polskich liter.llW definicji klasy można pominąć nazwę selektora:.nazwa_klasy{właściwość: wartość} - co umożliwia stosowanie klasy do różnych elementów.llPojedynczym wystąpieniom danego typu można narzucić styl korzystając z atrybutu id.Atrybut ten powinien mieć jednoznaczną nazwę.llAtrybut id pozwala oznaczać elementy podobnie jak atrybut class - id jest czymś w rodzaju identyfikatora elementów: <p id="nazwa">llUstawienia stylu, które będą stosowane do elementów oznaczonych atrybutem id identyfikuje się nazwą atrybutu id poprzedzoną znakiem #, o tak: #nazwa_idllKomentarze CSS są bardzo przydatne przy ewentualnej edycji arkusza stylów.Oto ich postać: /* To jest komentarz CSS */llZewnętrzny arkusz stylów rezyduje poza dokumentem html, w zewnętrznym pliku o rozszerzeniu nazwy.css.W kodzie każdej ze stron korzystających z zewnętrznych arkuszy stylów musi zostać zdefiniowane połączenie do pliku zewnętrznego, który je zawiera.Połączenie to definiuje się za pomocą znacznika <link>, który umieszczany jest w sekcji head dokumentu <head>:l<link rel="stylesheet" type="text/css"href="nazwa.css"></head>lPlik.css można utworzyć w dowolnym edytorze.Plik nie powinien zawierać znaczników HTML.llElement span jest szczególnie przydatny, gdy konieczne jest odmienne sformatowanie kilku znaków w obszarze, w którym styl narzucają arkusze stylów, lecz można go także wykorzystać, aby zastosować styl do większej sekcji dokumentu.Może ona zawierać elementy różnego typu - na przykład tekst i listy.llOgólna postać definicji stylu wykorzystującej element span jest następująca:l<span style=”definicja_stylu”> </span>lBloki wydzielamy za pomocą pary znaczników <div> </div>.Fragment dokumentu objęty nimi można w swobodny sposób formatować za pomocą stylów.Wydzielone fragmenty mogą zawierać nagłówki, akapity, listy, a nawet inne bloki.Pozwala to dzielić dokumenty na większe, logiczne fragmenty i nadawać im specyficzne formatowanie za pomocą stylów.llZazwyczaj przeglądarki wprowadzają łamanie wiersza przed i za fragmentem objętym znacznikami <div> </div> [ Pobierz całość w formacie PDF ]

pdf @ pobieranie @ do ÂściÂągnięcia @ download @ ebook

Pokrewne