diff options
Diffstat (limited to 'files/pl/learn/css/first_steps')
| -rw-r--r-- | files/pl/learn/css/first_steps/how_css_is_structured/index.html | 154 | ||||
| -rw-r--r-- | files/pl/learn/css/first_steps/how_css_works/index.html | 133 | ||||
| -rw-r--r-- | files/pl/learn/css/first_steps/index.html | 64 |
3 files changed, 351 insertions, 0 deletions
diff --git a/files/pl/learn/css/first_steps/how_css_is_structured/index.html b/files/pl/learn/css/first_steps/how_css_is_structured/index.html new file mode 100644 index 0000000000..0e62945cbd --- /dev/null +++ b/files/pl/learn/css/first_steps/how_css_is_structured/index.html @@ -0,0 +1,154 @@ +--- +title: Czytelny CSS +slug: Web/CSS/Na_początek/Czytelny_CSS +tags: + - 'CSS:Na_początek' +translation_of: Learn/CSS/Introduction_to_CSS/Syntax#Beyond_syntax_make_CSS_readable +translation_of_original: Web/Guide/CSS/Getting_started/Readable_CSS +--- +<p> +</p><p>Ta strona opisuje styl i gramatykę języka CSS. +</p><p>Zmienisz wygląd swojego pliku CSS, aby był bardziej czytelny. +</p> +<h3 id="Informacja:_Czytelny_CSS" name="Informacja:_Czytelny_CSS"> Informacja: Czytelny CSS </h3> +<p>Możesz dodać białe znaki i komentarze do swojego arkusza stylów, aby uczynić go bardziej czytelnym. +Możesz też grupować selektory razem, kiedy te same reguły stylów dotyczą wybranych elementów w różny sposób. +</p> +<h4 id="Bia.C5.82e_znaki" name="Bia.C5.82e_znaki"> Białe znaki </h4> +<p>Białe znaki to spacje, tabulatory i nowe linie. +Dzięki białym znakom arkusz stylów będzie bardzie czytelny. +</p><p>Twój przykładowy plik CSS zawiera w tej chwili jedną regułę na linię i prawie minimalną liczbę białych znaków. W złożonych arkuszach stylów taki układ byłby bardzo trudny do czytania, utrudniając zarządzanie arkuszem. +</p><p>Styl, który wybierzesz, zazwyczaj zależy od prywatnych przyzwyczajeń, ale Twój arkusz stylów może być częścią projektu, którym zajmuje się więcej osób. W takiej sytuacji przyjmuje się pewne konwencje. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykłady +</caption><tbody><tr> +<td> Niektórzy ludzie lubią zwięzły układ, którego używaliśmy do tej pory, dzieląc linię jedynie wtedy, kiedy staje się ona bardzo długa: +<pre> +.carrot {color: orange; text-decoration: underline; font-style: italic;} +</pre> +<p>Inni wolą układać jedną własność-wartość na linię: +</p> +<div style="width: 45em;"> +<p>.carrot +{ +color: orange; +text-decoration: underline; +font-style: italic; +} +</p> +</div> +<p>Inni używają wcięć — często używane są dwie spacje, cztery spacje lub tabulator: +</p> +<div style="width: 45em;"> +<p>.carrot { +</p> +<pre class="eval"> color: orange; + text-decoration: underline; + font-style: italic; +</pre> +<p>} +</p> +</div> +<p>Inni wolą ustawiać wszystko względem pionowej osi (jednak taki układ jest trudny w zarządzaniu): +</p> +<div style="width: 45em;"> +<p>.carrot +</p> +<pre class="eval"> { + color : orange; + text-decoration : underline; + font-style : italic; + } +</pre> +</div> +<p>Tworząc wcięcia jedni wolą używać tabulatorów, inni zaś tylko spacji. +</p> +</td></tr></tbody></table> +<h4 id="Komentarze" name="Komentarze"> Komentarze </h4> +<p>Komentarze w CSS zaczynają się od <code>/*</code>, a kończą się na <code>*/</code>. +</p><p>Możesz używać komentarzy, aby komentować elementy swojego arkusza stylów oraz do <i>wykomentowywania</i> części aktualnie nieużywanych. +</p><p>Aby wykomentować części arkusza stylów, umieść tę część w komentarzu, a przeglądarka ją zignoruje. +Należy uważać, gdzie zaczyna, a gdzie kończy się komentarz. +Dalsza część arkusza stylów musi mieć poprawną składnię. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td><div style="width: 45em;"> +<p>/* styl dla początkowej litery C w pierwszym paragrafie */ +.carrot { +</p> +<pre class="eval"> color: orange; + text-decoration: underline; + font-style: italic; + } +</pre> +</div> +</td></tr></tbody></table> +<h4 id="Grupy_Selektor.C3.B3w" name="Grupy_Selektor.C3.B3w"> Grupy Selektorów </h4> +<p>Kiedy wiele selektorów ma ten sam styl, możesz określić grupę selektorów, oddzielając je przecinkami. +Deklaracja zostanie zastosowana do wszystkich wybranych elementów. +</p><p>W innych miejscach arkusza stylów możesz określić te same selektory ponownie, aby nadać im indywidualne reguły. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Przykład +</caption><tbody><tr> +<td> Ta reguła sprawia, że elementy <small>H1</small>, <small>H2</small> oraz <small>H3</small> są tego samego koloru. +<p>Wygodnie jest określić kolor tylko w jednym miejscu, na wypadek, gdyby miał być zmieniany. +</p> +<div style="width: 30em;"> +<p>/* kolory nagłówków */ +h1, h2, h3 {color: navy;} +</p> +</div> +</td></tr></tbody></table> +<h3 id="Zadanie:_Dodawanie_komentarzy_i_poprawianie_uk.C5.82adu" name="Zadanie:_Dodawanie_komentarzy_i_poprawianie_uk.C5.82adu"> Zadanie: Dodawanie komentarzy i poprawianie układu </h3> +<p>Wyedytuj swój plik CSS i upewnij się, że posiada on te reguły (w dowolnej kolejności): +</p> +<div style="width: 30em;"> +<p>strong {color: red;} +.carrot {color: orange;} +.spinach {color: green;} +</p> +<ol><li>first {font-style: italic;} +</li></ol> +<p>p {color: blue;} +</p> +</div> +<p>Spraw, aby stał się bardziej czytelny, zmieniając kolejność w sposób, który uznasz za logiczny oraz dodając białe znaki i komentarze w taki sposób, jaki uznasz za najlepszy. +</p><p>Zapisz ten plik i odśwież stronę w przeglądarce, aby upewnić się, że Twoje zmiany nie wpłynęły na działanie arkusza stylów: +</p> +<table style="border: 2px outset #36b; padding: 1em;"> +<tbody><tr> +<td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets +</td></tr> +<tr> +<td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets +</td></tr></tbody></table> +<p><br> +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;"> +<caption>Wyzwanie +</caption><tbody><tr> +<td> Wykomentuj część arkusza stylów bez zmieniania czegokolwiek poza tym, aby pierwsza litera dokumentu była czerwona: +<table style="border: 2px outset #36b; padding: 1em; background-color: white;"> +<tbody><tr> +<td style="font-style: italic; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets +</td></tr> +<tr> +<td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets +</td></tr></tbody></table> +<p>(Jest więcej niż jeden sposób, aby to zrobić.) +</p> +</td></tr></tbody></table> +<p><br> +</p> +<h4 id="Co_dalej.3F" name="Co_dalej.3F"> Co dalej? </h4> +<p>Twój przykładowy dokument używa kursywy oraz podkreślenia. +Następna strona omawia kolejne sposoby na określanie wyglądu tekstu w dokumencie: +<b><a href="pl/CSS/Na_pocz%c4%85tek/Style_tekstowe">Style tekstowe</a></b> +</p> +<div class="noinclude"> +</div> +{{ languages( { "en": "en/CSS/Getting_Started/Readable_CSS", "fr": "fr/CSS/Premiers_pas/Des_CSS_lisibles", "it": "it/Conoscere_i_CSS/CSS_leggibili", "ja": "ja/CSS/Getting_Started/Readable_CSS", "pt": "pt/CSS/Como_come\u00e7ar/CSS_leg\u00edvel" } ) }} diff --git a/files/pl/learn/css/first_steps/how_css_works/index.html b/files/pl/learn/css/first_steps/how_css_works/index.html new file mode 100644 index 0000000000..4502cad557 --- /dev/null +++ b/files/pl/learn/css/first_steps/how_css_works/index.html @@ -0,0 +1,133 @@ +--- +title: Czym jest CSS +slug: Web/CSS/Na_początek/Czym_jest_CSS +tags: + - 'CSS:Na_początek' +translation_of: Learn/CSS/First_steps/How_CSS_works +translation_of_original: Web/Guide/CSS/Getting_started/What_is_CSS +--- +<p> </p> + +<p>Ta strona opisuje, czym jest CSS.</p> + +<h3 id="Informacja:_Czym_jest_CSS.3F" name="Informacja:_Czym_jest_CSS.3F">Informacja: Czym jest CSS?</h3> + +<p>CSS jest językiem określającym, jak dokumenty mają być prezentowane użytkownikowi.</p> + +<p><em>Dokument</em>jest to kolekcja informacji ułożona w strukturę przy użyciu<em>języka znaczników</em>.</p> + +<table style="background-color: #fffff4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;"> + <caption>Przykłady</caption> + <tbody> + <tr> + <td> + <ul> + <li>Strona, taka jak ta, jest dokumentem.<br> + Informacje, które widzisz na stronie, zazwyczaj są ułożone w strukturę przy użyciu języka znaczników HTML (HyperText Markup Language).</li> + </ul> + + <ul> + <li>Okienko dialogowe w aplikacji Mozilli jest dokumentem.<br> + Kontrolki interfejsu użytkownika, które widzisz w okienku dialogowym Mozilli, są ułożone w strukturę przy użyciu języka znaczników XUL (XML User-interface Language).</li> + </ul> + </td> + </tr> + </tbody> +</table> + +<p>W tym kursie bloki oznaczone <strong>Więcej szczegółów</strong>, jak poniższy, zawierają informacje, których znajomość nie jest wymagana do dalszego korzystania z kursu. Jeżeli się spieszysz, możesz spokojnie pominąć te bloki i na przykład wrócić do nich później.</p> + +<table style="background-color: #f4f4f4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;"> + <caption>Więcej szczegółów</caption> + <tbody> + <tr> + <td> + <p>Dokument nie jest tym samym co plik. Dokument może, ale nie musi być składowany w pliku.</p> + + <p>Na przykład dokument, który w tym momencie czytasz, nie jest zapisany w pliku. Kiedy Twoja przeglądarka prosi o stronę, serwer odpytuje bazę danych i generuje dokument, składając jego części z wielu plików i fragmentów z bazy danych. Jednak w trakcie tego kursu będziesz pracować z dokumentami składowanymi w plikach.</p> + + <p>Więcej informacji na temat dokumentów i języków znaczników znajdziesz w innych częściach tej strony — na przykład:</p> + + <table style="background-color: inherit; margin-left: 2em;"> + <tbody> + <tr> + <td><a href="pl/HTML">HTML</a></td> + <td>o stronach internetowych</td> + </tr> + <tr> + <td><a href="pl/XML">XML</a></td> + <td>o strukturalnych dokumentach</td> + </tr> + <tr> + <td><a href="pl/SVG">SVG</a></td> + <td>o grafice</td> + </tr> + <tr> + <td><a href="pl/XUL">XUL</a></td> + <td>o interfejsie użytkownika w Mozilli</td> + </tr> + </tbody> + </table> + </td> + </tr> + </tbody> +</table> + +<p><em>Prezentowanie</em>dokumentu użytkownikowi oznacza skonwertowanie go do postaci, w jakiej będzie on przydatny użytkownikowi. Mozilla prezentuje dokumenty wizualnie — na przykład na ekranie komputera, obrazie wyświetlanym przez projektor lub wydruku.</p> + +<table style="background-color: #f4f4f4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;"> + <caption>Więcej szczegółów</caption> + <tbody> + <tr> + <td>CSS jest przeznaczony nie tylko dla przeglądarek i prezentacji graficznych. W formalnej terminologii CSS program, który prezentuje dokumenty użytkownikowi, nazywany jest<em>agentem</em> (ang. User Agent - UA). Przeglądarka jest tylko jednym z wielu rodzajów UA. Jednakże część pierwsza tego kursu skupia się na pracy z językiem CSS w przeglądarce. + <p>Formalne definicje terminologii związanej z CSS znajdziesz w Specyfikacji CSS w dziale <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definicje</a>.</p> + </td> + </tr> + </tbody> +</table> + +<h3 id="Zadanie:_Tworzenie_dokumentu" name="Zadanie:_Tworzenie_dokumentu">Zadanie: Tworzenie dokumentu</h3> + +<p>Stwórz nowy katalog, a w nim nowy plik. Ten plik będzie Twoim dokumentem.</p> + +<p>Skopiuj i wklej poniższy kod HTML. Zapisz plik pod nazwą <code>doc1.html</code></p> + +<div style="width: 40em;"> +<pre class="brush: html language-html"><code class="language-html"><span class="doctype token"><!DOCTYPE html></span> +<span class="tag token"><span class="tag token"><span class="punctuation token"><</span>html</span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>head</span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>meta</span> <span class="attr-name token">charset</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>UTF-8<span class="punctuation token">"</span></span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>title</span><span class="punctuation token">></span></span>Sample document<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>title</span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>head</span><span class="punctuation token">></span></span> + + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>body</span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>p</span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>strong</span><span class="punctuation token">></span></span>C<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>strong</span><span class="punctuation token">></span></span>ascading + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>strong</span><span class="punctuation token">></span></span>S<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>strong</span><span class="punctuation token">></span></span>tyle + <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>strong</span><span class="punctuation token">></span></span>S<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>strong</span><span class="punctuation token">></span></span>heets + <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>p</span><span class="punctuation token">></span></span> + <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>body</span><span class="punctuation token">></span></span> +<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>html</span><span class="punctuation token">></span></span></code></pre> +</div> + +<p>Otwórz nowy panel lub nowe okno w Twojej przeglądarce i otwórz ten plik.</p> + +<p>Powinieneś zobaczyć tekst zaczynający się od pogrubionych liter:</p> + +<table style="border: 2px outset #36b; padding: 1em;"> + <tbody> + <tr> + <td><strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</td> + </tr> + </tbody> +</table> + +<p>To, co widzisz w przeglądarce, może się trochę różnić z powodu ustawień przeglądarki oraz tego wiki. Jeżeli istnieją jakieś różnice w kroju pisma, odstępach i kolorach, które widzisz, nie jest to żaden problem.</p> + +<h4 id="Co_dalej.3F" name="Co_dalej.3F">Co dalej?</h4> + +<p>Jeżeli masz problemy ze zrozumieniem tej strony lub chcesz ją skomentować, pomóż nam, dopisując się na stronie <a>Dyskusji</a>.</p> + +<p>Twój dokument nie używa jeszcze CSS. Na następnej stronie zaczniesz używać CSS do określania stylów: <strong><a href="pl/CSS/Na_pocz%c4%85tek/Po_co_u%c5%bcywa%c4%87_CSS">Po co używać CSS</a></strong></p> + +<p>{{ languages( { "en": "en/CSS/Getting_Started/What_is_CSS", "fr": "fr/CSS/Premiers_pas/Pr\u00e9sentation_des_CSS", "it": "it/Conoscere_i_CSS/Che_cosa_sono_i_CSS", "ja": "ja/CSS/Getting_Started/What_is_CSS", "pt": "pt/CSS/Como_come\u00e7ar/O_que_\u00e9_CSS", "zh-cn": "cn/CSS/Getting_Started/What_is_CSS" } ) }}</p> diff --git a/files/pl/learn/css/first_steps/index.html b/files/pl/learn/css/first_steps/index.html new file mode 100644 index 0000000000..22b975504c --- /dev/null +++ b/files/pl/learn/css/first_steps/index.html @@ -0,0 +1,64 @@ +--- +title: Na początek +slug: Web/CSS/Na_początek +tags: + - CSS + - 'CSS:Na_początek' + - Wszystkie_kategorie +translation_of: Learn/CSS/First_steps +translation_of_original: Web/Guide/CSS/Getting_started +--- +<p> </p> +<h3 id="Wprowadzenie" name="Wprowadzenie">Wprowadzenie</h3> +<p>Ten kurs wprowadza użytkownika w świat kaskadowych arkuszy stylów (CSS).</p> +<p>Pokaże Ci on, jak korzystać z podstawowych funkcji CSS przy użyciu praktycznych przykładów, które możesz sprawdzić na swoim komputerze. Kurs składa się z dwóch części.</p> +<ul> + <li>Część I ilustruje podstawowe funkcje CSS, które działają w Mozilli oraz innych nowoczesnych przeglądarkach.</li> +</ul> +<ul> + <li>Część II zawiera przykłady specjalnych funkcji działających w Mozilli, ale niekoniecznie działających w innych środowiskach.</li> +</ul> +<p>Ten kurs bazuje na <a class="external" href="http://www.w3.org/TR/CSS21/">specyfikacji CSS 2.1</a>.</p> +<h4 id="Kto_mo.C5.BCe_skorzysta.C4.87_z_tego_kursu.3F" name="Kto_mo.C5.BCe_skorzysta.C4.87_z_tego_kursu.3F">Kto może skorzystać z tego kursu?</h4> +<p>Kurs jest przeznaczony dla początkujących, ale może być też przydatny dla osób mających już pewną wiedzę o CSS.</p> +<p>Jeżeli jesteś początkujący, skorzystaj z pierwszej części tego kursu, by zrozumieć działanie CSS i nauczyć się go używać. Potem przeczytaj część drugą, aby zrozumieć zakres wykorzystania CSS w produktach Mozilli.</p> +<p>Jeżeli znasz już trochę CSS, możesz pominąć części kursu, które omawiają znane Ci tematy i skupić się na tych, które są dla Ciebie nowe.</p> +<p>Jeżeli znasz dobrze CSS, ale nie w Mozilli, przejdź do części drugiej.</p> +<h4 id="Czego_potrzebujesz.2C_zanim_zaczniesz.3F" name="Czego_potrzebujesz.2C_zanim_zaczniesz.3F">Czego potrzebujesz, zanim zaczniesz?</h4> +<p>Aby móc swobodnie korzystać z tego kursu, potrzebujesz edytora plików tekstowych oraz przeglądarkę Mozilla (Firefox lub Mozilla Suite) i powinieneś umieć korzystać z obu tych produktów w podstawowym zakresie.</p> +<p>Jeżeli nie chcesz edytować plików, możesz po prostu czytać kurs i patrzeć na obrazki, ale taka metoda nauki jest znacznie mniej efektywna.</p> +<p>Niektóre części tego kursu mogą wymagać innych aplikacji Mozilli. Części te są opcjonalne. Jeżeli nie chcesz pobierać innych aplikacji Mozilli, po prostu pomiń je.</p> +<p><strong>Uwaga: </strong> CSS umożliwia pracę z kolorami, więc niektóre części kursu zależą od kolorów. Możesz z nich wygodnie korzystać, jeśli posiadasz kolorowy wyświetlacz i prawidłowo rozróżniasz kolory.</p> +<h4 id="Jak_korzysta.C4.87_z_tego_kursu" name="Jak_korzysta.C4.87_z_tego_kursu">Jak korzystać z tego kursu</h4> +<p>Aby korzystać z tego kursu, przeczytaj uważnie wszystkie strony po kolei. Jeżeli pominiesz jedną stronę, możesz mieć trudności z rozumieniem dalszych.</p> +<p>Na każdej stronie sekcja <i>Informacja</i> opisuje, jak działa CSS. Dzięki sekcji <i>Zadanie</i> będziesz mógł wypróbować użycie CSS na swoim komputerze.</p> +<p>Aby sprawdzić, jak dobrze rozumiesz treść, podejmij wyzwanie znajdujące się na dole każdej strony. Rozwiązania niektórych wyzwań są prezentowane na późniejszych stronach kursu.</p> +<p>Aby lepiej zrozumieć CSS, przeczytaj informacje znajdujące się w boksach oznaczonych <i>Więcej szczegółów</i>. Użyj znajdujących się tam odnośników, aby dowiedzieć się więcej ze specyfikacji CSS.</p> +<h3 id="Kurs_.E2.80.93_cz.C4.99.C5.9B.C4.87_pierwsza" name="Kurs_.E2.80.93_cz.C4.99.C5.9B.C4.87_pierwsza">Kurs – część pierwsza</h3> +<p>Podstawowy kurs CSS, krok po kroku.</p> +<ol> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Czym_jest_CSS">Czym jest CSS</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Po_co_u%c5%bcywa%c4%87_CSS">Po co używać CSS</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Jak_dzia%c5%82a_CSS">Jak działa CSS</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Kaskadowo%c5%9b%c4%87_i_dziedziczenie">Kaskadowość i dziedziczenie</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Selektory">Selektory</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Czytelny_CSS">Czytelny CSS</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Style_tekstowe">Style tekstowe</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Kolor">Kolor</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Tre%c5%9b%c4%87">Treść</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Listy">Listy</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Bloki">Bloki</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Uk%c5%82ad">Układ</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Tabele">Tabele</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Media">Media</a></b></li> +</ol> +<h3 id="Kurs_.E2.80.93_cz.C4.99.C5.9B.C4.87_druga" name="Kurs_.E2.80.93_cz.C4.99.C5.9B.C4.87_druga">Kurs – część druga</h3> +<p>Przykłady wykorzystania CSS w Mozilli.</p> +<ol> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/JavaScript">JavaScript</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Wi%c4%85zania_XBL">Wiązania XBL</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/XUL-owe_interfejsy_u%c5%bcytkownika">XUL-owe interfejsy użytkownika</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Grafika_SVG">Grafika SVG</a></b></li> + <li><b><a href="/pl/docs/CSS/Na_pocz%c4%85tek/Dane_XML">Dane XML</a></b></li> +</ol> +<p>{{ languages( { "en": "en/CSS/Getting_Started", "fr": "fr/CSS/Premiers_pas", "it": "it/Conoscere_i_CSS", "ja": "ja/CSS/Getting_Started", "nl": "nl/CSS/Voor_Beginners", "zh-cn": "cn/CSS/\u5f00\u59cb", "pt": "pt/CSS/Como_come\u00e7ar" } ) }}</p> |