[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.53,0:00:03.52,Default,,0000,0000,0000,,Za pomocą CSS możemy\Nzmieniać rozmiar tekstu.
Dialogue: 0,0:00:03.67,0:00:06.56,Default,,0000,0000,0000,,Już widzicie, patrząc\Nna nagłówki i akapity,
Dialogue: 0,0:00:06.56,0:00:09.36,Default,,0000,0000,0000,,że przeglądarka zapewnia,\Ndomyślnie,
Dialogue: 0,0:00:09.36,0:00:12.25,Default,,0000,0000,0000,,różne style i wielkości\Ndla różnych elementów.
Dialogue: 0,0:00:12.35,0:00:13.64,Default,,0000,0000,0000,,To jest rozmiar tekstu,
Dialogue: 0,0:00:13.64,0:00:15.94,Default,,0000,0000,0000,,a nagłówki każdego poziomu\Nsą większe.
Dialogue: 0,0:00:16.10,0:00:18.65,Default,,0000,0000,0000,,Czasami chcemy zmienić czcionkę.
Dialogue: 0,0:00:18.86,0:00:22.21,Default,,0000,0000,0000,,Korzystamy z własności\N„font-size” (rozmiar czcionki).
Dialogue: 0,0:00:22.42,0:00:23.85,Default,,0000,0000,0000,,Na przykład:
Dialogue: 0,0:00:23.85,0:00:28.64,Default,,0000,0000,0000,,Co zrobić, by cały tekst\Nna stronie był trochę mniejszy?
Dialogue: 0,0:00:28.95,0:00:31.06,Default,,0000,0000,0000,,Idziemy do znacznika „style”
Dialogue: 0,0:00:31.10,0:00:34.59,Default,,0000,0000,0000,,i dodajemy regułę CSS\Ndo znacznika „body”.
Dialogue: 0,0:00:34.89,0:00:39.25,Default,,0000,0000,0000,,Wewnątrz dołożymy własność\N„font-size” (rozmiar czcionki).
Dialogue: 0,0:00:39.48,0:00:42.67,Default,,0000,0000,0000,,Jaka powinna być wartość?
Dialogue: 0,0:00:42.96,0:00:45.65,Default,,0000,0000,0000,,Jak mierzymy czcionki?
Dialogue: 0,0:00:45.93,0:00:47.95,Default,,0000,0000,0000,,To bardzo dobre pytanie.
Dialogue: 0,0:00:47.95,0:00:50.27,Default,,0000,0000,0000,,Jest co najmniej 10 jednostek,
Dialogue: 0,0:00:50.27,0:00:52.36,Default,,0000,0000,0000,,które obsługuje CSS\Ndla tej własności.
Dialogue: 0,0:00:52.68,0:00:55.67,Default,,0000,0000,0000,,Zacznijmy od jednostki,\Nktórą znacie: od pikseli.
Dialogue: 0,0:00:55.85,0:00:58.62,Default,,0000,0000,0000,,Stosowaliśmy ją, decydując\No wielkości obrazów.
Dialogue: 0,0:00:58.62,0:01:00.99,Default,,0000,0000,0000,,Będziemy jej często używać w CSS.
Dialogue: 0,0:01:01.29,0:01:02.98,Default,,0000,0000,0000,,Spróbujmy 11 pikseli.
Dialogue: 0,0:01:04.04,0:01:06.14,Default,,0000,0000,0000,,Ha! Wszystko zmalało.
Dialogue: 0,0:01:06.40,0:01:08.51,Default,,0000,0000,0000,,Nawet nagłówki.
Dialogue: 0,0:01:08.79,0:01:11.17,Default,,0000,0000,0000,,Ale dlaczego?
Dialogue: 0,0:01:11.36,0:01:15.32,Default,,0000,0000,0000,,Nie powinny mieć tylu pikseli,\Nile określiła wcześniej przeglądarka?
Dialogue: 0,0:01:15.50,0:01:16.29,Default,,0000,0000,0000,,Nie.
Dialogue: 0,0:01:16.43,0:01:21.95,Default,,0000,0000,0000,,Domyślny styl nagłówków\Nnie jest określany w pikselach.
Dialogue: 0,0:01:21.96,0:01:25.21,Default,,0000,0000,0000,,Tu używa się innej jednostki, „em”.
Dialogue: 0,0:01:25.50,0:01:27.45,Default,,0000,0000,0000,,To jednostka względna,
Dialogue: 0,0:01:27.45,0:01:31.70,Default,,0000,0000,0000,,uzależniająca wielkość nagłówka\Nod rozmiaru czcionki w treści.
Dialogue: 0,0:01:32.10,0:01:33.82,Default,,0000,0000,0000,,Pokażę, o co chodzi.
Dialogue: 0,0:01:34.06,0:01:36.44,Default,,0000,0000,0000,,Przejdźmy do reguły stylu „h2”
Dialogue: 0,0:01:36.57,0:01:38.90,Default,,0000,0000,0000,,i dodajmy własność „font-size”.
Dialogue: 0,0:01:39.45,0:01:44.49,Default,,0000,0000,0000,,Nie będę myśleć o wielkości \Nw pikselach, tylko względnie.
Dialogue: 0,0:01:44.70,0:01:49.90,Default,,0000,0000,0000,,Jak, proporcjonalnie, większy\Nma być nagłówek „h2” od tekstu?
Dialogue: 0,0:01:50.17,0:01:52.86,Default,,0000,0000,0000,,Może dwukrotnie?
Dialogue: 0,0:01:53.30,0:01:56.76,Default,,0000,0000,0000,,Napiszemy więc „2em”.
Dialogue: 0,0:01:56.99,0:02:00.17,Default,,0000,0000,0000,,Przeglądarka obliczyła
Dialogue: 0,0:02:00.17,0:02:01.61,Default,,0000,0000,0000,,rozmiar w pikselach.
Dialogue: 0,0:02:01.81,0:02:05.05,Default,,0000,0000,0000,,Wie, że czcionka tekstu\Nma 11 pikseli.
Dialogue: 0,0:02:05.05,0:02:08.06,Default,,0000,0000,0000,,Zaznaczyliśmy, że „h2”\Nma być dwukrotnie większe,
Dialogue: 0,0:02:08.06,0:02:11.57,Default,,0000,0000,0000,,więc teraz wszystkie „h2”\Nmają 22 piksele wysokości.
Dialogue: 0,0:02:12.14,0:02:16.58,Default,,0000,0000,0000,,Jeśli zmienimy rozmiar\Nczcionki tekstu do 12 pikseli,
Dialogue: 0,0:02:16.58,0:02:18.93,Default,,0000,0000,0000,,jak duże będą nagłówki „h2”?
Dialogue: 0,0:02:19.27,0:02:21.49,Default,,0000,0000,0000,,Zgadza się, 24 piksele.
Dialogue: 0,0:02:21.87,0:02:26.34,Default,,0000,0000,0000,,A jeśli zmienimy rozmiar\Nczcionki „h2” do 1,5 em?
Dialogue: 0,0:02:26.76,0:02:30.80,Default,,0000,0000,0000,,Teraz „h2” będzie miało\N12 razy 1,5,
Dialogue: 0,0:02:31.02,0:02:32.67,Default,,0000,0000,0000,,czyli 18 pikseli.
Dialogue: 0,0:02:33.27,0:02:37.75,Default,,0000,0000,0000,,Możemy też określić rozmiar „h2”\Nw pikselach, jak dla „body”.
Dialogue: 0,0:02:37.75,0:02:39.52,Default,,0000,0000,0000,,Zadziała to tak samo.
Dialogue: 0,0:02:39.63,0:02:41.50,Default,,0000,0000,0000,,Róbcie, jak wam wygodniej.
Dialogue: 0,0:02:41.50,0:02:45.26,Default,,0000,0000,0000,,Jak wspomniałam,\Nsą też inne jednostki
Dialogue: 0,0:02:45.26,0:02:46.92,Default,,0000,0000,0000,,oprócz pikseli i em.
Dialogue: 0,0:02:47.22,0:02:49.57,Default,,0000,0000,0000,,Te są najpopularniejsze,
Dialogue: 0,0:02:49.57,0:02:51.02,Default,,0000,0000,0000,,ale, by wiedzieć więcej,
Dialogue: 0,0:02:51.02,0:02:53.19,Default,,0000,0000,0000,,obejrzyjcie nasze materiały
Dialogue: 0,0:02:53.19,0:02:55.40,Default,,0000,0000,0000,,lub poszukajcie innych w sieci.
Dialogue: 0,0:02:55.50,0:02:58.88,Default,,0000,0000,0000,,Pora poszaleć z rozmiarem czcionki!