1
00:00:00,200 --> 00:00:02,540
Dobrze więc, że nadszedł czas na kolejne ćwiczenia tutaj.

2
00:00:02,820 --> 00:00:08,430
Więc to ćwiczenie będzie obejmować wszystko, co mówiliśmy o ile selektorów SS.

3
00:00:08,520 --> 00:00:14,700
Więc nie będziemy rzeczywiście budować jakiejkolwiek spójnej kompletnej strony internetowej, która będzie dalej.

4
00:00:14,700 --> 00:00:17,930
Jedziemy, aby trochę bloga w następnym ćwiczeniu.

5
00:00:17,970 --> 00:00:23,460
Ten jest bardziej tradycyjnych ćwiczeń z kilka problemów, bardzo krótkie problemów.

6
00:00:23,460 --> 00:00:28,150
Zasadniczo Daję wam kilka HMO wygląda to tak.

7
00:00:28,200 --> 00:00:29,900
To naprawdę nie ma znaczenia.

8
00:00:29,910 --> 00:00:33,640
W rzeczywistości cały tekst tutaj jest ze strony internetowej o nazwie hipster ipsum.

9
00:00:33,650 --> 00:00:44,170
Jest to po prostu jak ipsum akademiku wyjątkiem tego, że używa słów jak hipster pola do stołu i locavore i Portland i Williamsburg.

10
00:00:44,340 --> 00:00:45,940
Więc to tylko kilka słów.

11
00:00:46,260 --> 00:00:51,500
Więc chodzi o to, że nie ma znaczenia, co jest tutaj to, co ma znaczenie, choć jest ten plik.

12
00:00:51,570 --> 00:00:54,700
Plik CSSA że ja też ci dał i jest pusty.

13
00:00:54,810 --> 00:01:00,250
Oprócz sporej uwag i tych uwag daje instrukcje dotyczące tego, co trzeba zrobić.

14
00:01:00,360 --> 00:01:09,250
Więc do góry jest najważniejsza linia styl elementy HTML wieku według poniższych wskazówek nie zmieniają istniejącego HVM innego do zrobienia tego prawa.

15
00:01:09,270 --> 00:01:11,020
Tylko CSI s.

16
00:01:11,130 --> 00:01:14,120
To znaczy, nie dotykaj tego pliku.

17
00:01:14,190 --> 00:01:16,430
Jest tu tylko w postaci kodu startowego dla Ciebie.

18
00:01:16,440 --> 00:01:17,690
To HVM.

19
00:01:17,970 --> 00:01:25,710
Będziesz robić wszystko w C SS Więc nie można przejść tutaj i dodać nowe pomysły lub dodać nowe klasy lub dodać nowe elementy.

20
00:01:25,710 --> 00:01:28,350
Po prostu ją dokładnie, jak to jest.

21
00:01:28,580 --> 00:01:32,120
Więc sposób, że działa istnieją różne problemy.

22
00:01:32,190 --> 00:01:37,310
Więc pierwsza daje element body tło tego koloru.

23
00:01:37,440 --> 00:01:45,210
Chcemy po prostu napisać kod do wybranej ciała, a następnie nadać mu kolor takiego.

24
00:01:45,210 --> 00:01:48,690
Więc dam wam, że jeden za darmo.

25
00:01:49,050 --> 00:01:51,200
Jestem pewien, że większość z was mógłby zrobić.

26
00:01:51,300 --> 00:01:58,350
To samo dotyczy wszystkich tych, tak aby wszystkie te h dokonać każdym wieku coś zrobić, aby wszystkie elementy sojusznicze Jedna uwaga.

27
00:01:58,350 --> 00:02:04,510
Niektóre z nich poprosi użyć właściwość, że nie mamy jeszcze faktycznie objęte i to jest celowe.

28
00:02:04,590 --> 00:02:09,750
Chcę tylko, aby mieć pewne doświadczenie dla niektórych właściwości, które nie zostały wyraźnie mowa w filmach jeszcze.

29
00:02:10,080 --> 00:02:11,960
Więc w tym przypadku o jeden.

30
00:02:12,030 --> 00:02:22,700
Dodać wszystkie akapity, które są zagnieżdżone wewnątrz DIV 25 pikseli zabawy, a następnie w nawiasie dam ci kod, który trzeba rozmiar, czcionka 25 x.

31
00:02:23,070 --> 00:02:24,490
Więc jest jeszcze kilka osób.

32
00:02:24,720 --> 00:02:39,330
Oto jeden i tu jest jeszcze jeden makijaż wszystkie zaznaczone pola wyboru mają lewy margines 50 pikseli, więc trzeba użyć margines pozostawiony 50 pikseli i jest OK, że nie wiem dokładnie, co robi, że nadchodzi w ciągu najbliższych kilku filmów.

33
00:02:39,450 --> 00:02:40,900
Więc jeszcze jedna uwaga tutaj.

34
00:02:41,040 --> 00:02:44,080
To się trochę trudniejsze, ponieważ iść.

35
00:02:44,190 --> 00:02:56,270
Więc do góry zaczynają się tylko selektor elementu i wtedy mówimy o klasach i pomysłów, a następnie zaczynamy mówić o niektórych z tych innych selektorów, że wymienione w poprzednim filmie.

36
00:02:56,430 --> 00:03:03,960
Tak więc, aby wszystkie akapity, które są zagnieżdżone wewnątrz div dokonać tylko z wejść typu tekstu.

37
00:03:03,960 --> 00:03:13,160
Mają wielkie tło, a następnie rzeczy jak dać akapit drugi wewnątrz trzeciego div 5 pikseli białym obramowaniem.

38
00:03:13,710 --> 00:03:20,640
Więc dobrą wiadomością jest to, że wszystkie selektorów, które trzeba użyć tutaj można znaleźć w selektorów 30s CSSA.

39
00:03:20,640 --> 00:03:25,890
Musisz zapamiętać artykuł i łatwo można je znaleźć na linii i omówiliśmy większość z nich.

40
00:03:26,130 --> 00:03:32,410
Istnieje kilka jednak, że nie obejmują w poprzednim filmie, a te są w sekcji wyzwania bonusowych.

41
00:03:32,580 --> 00:03:42,780
Tak, że obejmuje takie rzeczy jak czyni wszystkie zaznaczone pola wyboru mają lewy margines, więc nie sposób wybrać sprawdzonych wyboru.

42
00:03:42,780 --> 00:03:44,050
A oto jeszcze jeden.

43
00:03:44,110 --> 00:03:49,750
Bądź pierwszą literę elementu ze szczególnym zieleni i 100 pikseli, rozmiar czcionki.

44
00:03:49,950 --> 00:03:54,100
Więc nie jest to sposób, aby wybrać tylko pierwszą literę.

45
00:03:54,570 --> 00:04:01,340
Dokonać zmiany H-1 elementów koloru na niebieski, gdy unosił się nad i zrobić elementy znaczników, które zostały odwiedzone szarości.

46
00:04:01,350 --> 00:04:05,070
Więc pamiętaj znacznik jest link i to prawdopodobnie widziałem tego wcześniej.

47
00:04:05,190 --> 00:04:10,730
Możesz zmienić lub miejsca zmieni kolor łącza, które byli w stosunku do połączenia, które nie zostały do ​​wcześniej.

48
00:04:11,100 --> 00:04:14,120
Więc nie jest to sposób na piśmie, że nie zobaczy ocenić.

49
00:04:14,310 --> 00:04:17,450
Tak jak zawsze w następnym filmie mamy zamiar przejść na rozwiązanie.

50
00:04:17,460 --> 00:04:24,660
Może pójść po trochu, ale polecam Ci dać to strzał iść tak daleko, jak można spróbować wszystkich tych bonusów.

51
00:04:24,660 --> 00:04:28,430
Jedną z rzeczy, nie wspominając o tym jednym jest nieco inny.

52
00:04:28,500 --> 00:04:41,430
Bądź elementy etykiety wielkimi literami bez zmiany h Tm l więc selektor tutaj jest rzeczywiście proste, jesteśmy po prostu wybierając wszystkie elementy etykiety, ale nieruchomość jest trochę trudne.

53
00:04:41,430 --> 00:04:47,870
Istnieje sposób, za pomocą Css zrobić coś wielkimi literami bez faktycznie zmieniając tekst w formacie HTML.

54
00:04:47,880 --> 00:04:51,720
Można to zrobić za pomocą Css tak jak byś zmienił kolor lub granicy.

55
00:04:51,720 --> 00:04:55,320
Można zmienić właściwość, która sprawi, że wielkie i małe litery.