[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.66,0:00:04.78,Default,,0000,0000,0000,,Lubię muzea, ale nie mam\Nczasu chodzić tam co dzień.
Dialogue: 0,0:00:04.78,0:00:07.99,Default,,0000,0000,0000,,Na szczęście piękne obrazy\Nmogę znaleźć w Internecie.
Dialogue: 0,0:00:07.99,0:00:11.28,Default,,0000,0000,0000,,Także w Khan Academy,\Nw sekcji historii sztuki.
Dialogue: 0,0:00:11.28,0:00:14.34,Default,,0000,0000,0000,,Zrobiłam stronę z listami\Nsłynnych obrazów,
Dialogue: 0,0:00:14.34,0:00:21.32,Default,,0000,0000,0000,,z nagłówkiem i listami dla każdego stylu\Noraz z linkami do artykułów o obrazach.
Dialogue: 0,0:00:21.32,0:00:25.16,Default,,0000,0000,0000,,Żeby strona była bardziej elegancka,\Nartystyczna,
Dialogue: 0,0:00:25.16,0:00:31.15,Default,,0000,0000,0000,,Za pomocą reguł CSS zmieniłam\Nczcionkę nagłówków - „h1” i „h2”.
Dialogue: 0,0:00:31.15,0:00:38.89,Default,,0000,0000,0000,,Podoba mi się „cursive”, ale „fantasy”\Nbędzie lepsza, więc to zmienię.
Dialogue: 0,0:00:38.89,0:00:43.85,Default,,0000,0000,0000,,Och, i tutaj też zmienię,\Nbo są dwie reguły.
Dialogue: 0,0:00:43.85,0:00:49.26,Default,,0000,0000,0000,,Życzę sobie, żeby wszystkie nagłówki\Nkorzystały z jednej rodziny czcionek.
Dialogue: 0,0:00:49.26,0:00:54.41,Default,,0000,0000,0000,,Nie chcę za każdym razem\Nzmieniać czcionki w dwóch miejscach.
Dialogue: 0,0:00:54.41,0:01:00.02,Default,,0000,0000,0000,,Jak to rozwiązać?\NZ dwu reguł CSS zrobić jedną.
Dialogue: 0,0:01:00.02,0:01:04.04,Default,,0000,0000,0000,,Zastanówcie się chwilę.
Dialogue: 0,0:01:04.04,0:01:08.36,Default,,0000,0000,0000,,Zaproponujecie, by dodać tę samą\Nklasę do „h1” i „h2”?
Dialogue: 0,0:01:08.36,0:01:12.05,Default,,0000,0000,0000,,To by się udało i mielibyśmy\Njedną regułę CSS dla tej klasy.
Dialogue: 0,0:01:12.05,0:01:14.83,Default,,0000,0000,0000,,Utrudnilibyśmy sobie jednak życie,
Dialogue: 0,0:01:14.83,0:01:19.12,Default,,0000,0000,0000,,bo musielibyśmy dodawać tę klasę\Ndo każdego nowego „h1” i „h2”.
Dialogue: 0,0:01:19.12,0:01:25.50,Default,,0000,0000,0000,,Jest lepszy sposób. Pogrupujemy\Nselektory, używając przecinków.
Dialogue: 0,0:01:25.50,0:01:31.97,Default,,0000,0000,0000,,Dodamy przecinek po „h1”\Ni napiszemy „h2”.
Dialogue: 0,0:01:31.97,0:01:37.26,Default,,0000,0000,0000,,Możemy skasować drugą regułę,\Nbo wcieliliśmy ją w pierwszą.
Dialogue: 0,0:01:37.26,0:01:39.95,Default,,0000,0000,0000,,I już! Strona wygląda tak samo.
Dialogue: 0,0:01:39.95,0:01:44.27,Default,,0000,0000,0000,,Teraz mogę eksperymentować z rodziną\Nczcionek, robiąc zmianę w 1 miejscu.
Dialogue: 0,0:01:44.27,0:01:48.68,Default,,0000,0000,0000,,Zmieniam krój na „cursive”\N- i zmieniły się wszystkie nagłówki!
Dialogue: 0,0:01:48.68,0:01:55.76,Default,,0000,0000,0000,,Uważajcie na przecinek. Selektory\Noddzielamy przecinkiem, nie spacją.
Dialogue: 0,0:01:55.76,0:02:03.05,Default,,0000,0000,0000,,Spacji używamy do selektorów potomnych,\Na to jest coś zupełnie innego.
Dialogue: 0,0:02:03.05,0:02:08.52,Default,,0000,0000,0000,,Grupowanie jest świetne\Ndo eliminowania powtórzeń.
Dialogue: 0,0:02:08.52,0:02:14.34,Default,,0000,0000,0000,,Ale nie grupujcie dwóch selektorów tylko\Ndlatego, że mają te same właściwości.
Dialogue: 0,0:02:14.34,0:02:18.36,Default,,0000,0000,0000,,Grupujcie je, gdy chcecie, żeby zawsze\Nmiały te same właściwości.
Dialogue: 0,0:02:18.36,0:02:21.89,Default,,0000,0000,0000,,Zwykle dlatego,\Nże są sobie bliskie znaczeniowo.
Dialogue: 0,0:02:21.89,0:02:28.26,Default,,0000,0000,0000,,Tu selektor dotyczy wszystkich nagłówków,\Nbo chcę je zrobić w jednym stylu.
Dialogue: 0,0:02:28.26,0:02:32.90,Default,,0000,0000,0000,,Poznacie jeszcze jedno częste\Nzastosowanie grupowania selektorów.