1
00:00:01,300 --> 00:00:04,270
OK, więc nadszedł czas, że rzeczywiście możemy napisać C S S.

2
00:00:04,290 --> 00:00:05,400
Bardzo ekscytujące.

3
00:00:05,400 --> 00:00:09,000
Zanim jednak to zrobimy musimy mieć jakiś wieku mu Al że możemy stylu.

4
00:00:09,180 --> 00:00:18,140
Więc mam zamiar iść do przodu i wysublimowanej utworzyć nowy plik zapisać go po prostu umieścić na moim biurku, a teraz mam zamiar nazwać to o mnie.

5
00:00:18,220 --> 00:00:21,180
HMO.

6
00:00:22,470 --> 00:00:30,400
Użyj że mały trick uzyskać szkielet płyty kotła, a to będzie bardzo prosta strona.

7
00:00:30,600 --> 00:00:34,500
Mówię ci teraz nie będzie piękne, kiedy skończymy tutaj.

8
00:00:34,590 --> 00:00:36,110
Jesteśmy po prostu będzie zmienić niektóre kolory.

9
00:00:36,210 --> 00:00:38,950
Jesteśmy po prostu się nad podstawami, jak to wszystko działa razem.

10
00:00:39,240 --> 00:00:52,430
Więc jestem po prostu będzie, a każdy z nich o mnie, a potem powiedzmy swędzenie dla moich hobby.

11
00:00:52,740 --> 00:00:55,150
Zapraszam do dostosowania tego do siebie.

12
00:00:55,530 --> 00:01:12,730
Dodajmy listę i kilku sojuszników i zróbmy latania smołę gotowania i origami i zapisać ten plik.

13
00:01:13,110 --> 00:01:14,180
Miejmy tylko dokładnie sprawdzić.

14
00:01:14,280 --> 00:01:16,870
Otwórzmy ją.

15
00:01:16,920 --> 00:01:17,480
Wspaniały.

16
00:01:17,550 --> 00:01:19,970
Oto nasz wspaniałym miejscem, które mamy zamiar stylu.

17
00:01:20,580 --> 00:01:26,650
Więc zanim zaczniemy rzeczywiście pisanie sukces musimy zdecydować, gdzie umieścić sukces.

18
00:01:26,820 --> 00:01:28,520
I nie są w rzeczywistości kilka opcji.

19
00:01:28,860 --> 00:01:36,840
w notach Tak więc istnieją dwa, że ​​jestem przedstawieniu na tej stronie i pierwsza powiem ci teraz nie jest dobrym pomysłem.

20
00:01:36,840 --> 00:01:41,100
Jestem pokazując ci to tak, że są świadomi, aby z dwóch powodów.

21
00:01:41,100 --> 00:01:51,390
Jednym jest to jedyny sposób, w jaki wykorzystywane, aby móc projektować elementy przed oddzielnym arkuszu stylów i przed CSSA rzeczywiście zrobił to w każdym elemencie.

22
00:01:51,660 --> 00:01:55,380
Więc pozwól mi pokazać przykład.

23
00:01:55,830 --> 00:01:59,140
Chcę, aby to pierwsze kłamstwo fioletowy.

24
00:01:59,340 --> 00:02:08,000
Powiedziałbym, styl, a następnie w cytatu powiedzieć Kolor purpury i że będzie działać.

25
00:02:08,580 --> 00:02:10,800
A to zmienia się na fioletowo.

26
00:02:11,490 --> 00:02:20,880
Więc nie jest to problem, który jednak jest, jeśli chcę, wszystkie trzy z nich będzie fioletowy muszę iść do przodu i powielić to za każdym razem.

27
00:02:20,880 --> 00:02:21,910
Który jest dużo pracy.

28
00:02:21,990 --> 00:02:28,570
A jeśli zdecyduję oh nie chcę, żeby być zielone potem muszę iść i zmienić trzy różne miejsca, aby być zielone.

29
00:02:28,770 --> 00:02:35,940
I oczywiście, że problem jest o wiele gorzej, gdy masz setki samego elementu z tym samym stylu na danej stronie.

30
00:02:35,940 --> 00:02:37,200
Więc to jest to zły pomysł.

31
00:02:37,470 --> 00:02:43,220
A drugi powód, to nie jest dobrym pomysłem jest to, że chcemy, aby oddzielić naszą godz tim L z RCA.

32
00:02:43,380 --> 00:02:46,050
To właśnie ta idea separacji obawy.

33
00:02:46,200 --> 00:02:50,030
Chcemy, aby nasz CSSA być samowystarczalny w swoim pliku.

34
00:02:50,040 --> 00:02:53,270
Chcemy starzeć go za swój własny plik tylko z konstrukcji.

35
00:02:53,290 --> 00:02:55,130
C Ss jest tylko styl.

36
00:02:55,230 --> 00:02:58,490
Więc teraz jest to rodzaj dziwnej mieszanki tych dwóch.

37
00:02:58,710 --> 00:03:07,010
Więc będę pozbyć się tego i odwrotnie w notach jest coś, co nazywa atak stylu.

38
00:03:07,360 --> 00:03:15,580
Więc tag styl pozwala nam pisać składni C Ss gdzie my właściwie wybrać rzeczy i mamy nawiasy klamrowe, których nie mogliśmy zrobić.

39
00:03:16,230 --> 00:03:20,590
Ale co możemy zrobić, to zrobić to wnętrze w h t m l dokumencie.

40
00:03:20,700 --> 00:03:43,260
Tak się w głowie, gdy idziemy do przodu i wystarczy utworzyć tag nazywa styl i możemy nadać mu ten atrybut typu równa ukośnik tekst Css możemy teraz napisać kilka tagów C SS i selektorów wewnątrz stąd.

41
00:03:43,470 --> 00:03:55,240
Pamiętaj więc mamy to ogólna zasada selektora, a następnie mamy właściwość wewnątrz nawiasy, a następnie wartość, a następnie średnik.

42
00:03:55,920 --> 00:03:58,990
Więc zamierzam komentować to uwagę przy okazji do zrobienia komentarze.

43
00:03:59,040 --> 00:04:03,870
SS użyć slash i gwiazdkę, a następnie gwiazdkę i ukośnik.

44
00:04:04,230 --> 00:04:06,060
Więc myśli Zostawię to tutaj.

45
00:04:06,270 --> 00:04:12,990
I zacznijmy zmieniając H-1 będzie fioletowy.

46
00:04:13,020 --> 00:04:16,810
Więc sposób, że możemy napisać, że jeśli będziemy przestrzegać tego wzoru możemy go wybrać.

47
00:04:17,070 --> 00:04:24,680
Więc będziemy pisać każdego z nich i ponownie i będziemy spędzać dużo czasu na różne rodzaje selektorów.

48
00:04:24,690 --> 00:04:32,860
Więc teraz mamy nauki o jeden o nazwie selektor elementy, które doprowadziły do ​​wyboru w oparciu off typu elementu, który jest H-1.

49
00:04:33,300 --> 00:04:40,220
Więc teraz mamy zamiar dodać obiekt tutaj i w tym filmie jesteśmy po prostu zamiar utrzymać ją bardzo prosta i używać kolorów.

50
00:04:40,740 --> 00:05:06,510
Więc powiem kolor fioletowy, a następnie zapisać i przeładowanie lub stronę z powrotem i mamy fioletowy H-1 Więc następną rzeczą, co możemy zrobić, to zmienić wszyscy sojusznicy być pomarańczowy i aby to zrobić wybieramy z selektora elementu ponownie i możemy po prostu zrobić to prawo po.

51
00:05:06,520 --> 00:05:10,660
Nie potrzeba żadnych przecinków ani żadnych innych znaków interpunkcyjnych.

52
00:05:10,660 --> 00:05:19,390
Po prostu robimy kolejną regułę tutaj zastosowanie nawiasów klamrowych i tym razem mamy zamiar powiedzieć, kolor jest pomarańczowy.

53
00:05:19,390 --> 00:05:28,500
Więc powodem robimy to chcę pokazać, że to selektor Elyse nie wystarczy wybrać jeden wybiera wszystkie kłamstwa.

54
00:05:28,600 --> 00:05:33,340
Więc odświeżyć wszystkie trzy z nich są teraz Orange.

55
00:05:33,340 --> 00:05:36,220
Podobnie z H-1, gdybyśmy mieli te kilka godz.

56
00:05:36,310 --> 00:05:38,190
Więc dodam tylko trzy.

57
00:05:38,260 --> 00:05:42,210
Oni wszyscy być fioletowy.

58
00:05:42,220 --> 00:05:54,860
Jeszcze jedno pokażę wam tu jest, jeśli muszę znaleźć inny styl dla każdego potem i powiem powinien być niebieski okazuje niebiesko.

59
00:05:54,910 --> 00:05:56,020
Wszystkie z nich zmieni kolor na niebieski.

60
00:05:56,080 --> 00:06:02,680
A więc to, że robi się coś dowiemy się o wiele więcej o czym jest to, co się dzieje, gdy nie ma informacji w stylu sprzeczne.

61
00:06:02,680 --> 00:06:05,200
I w tym przypadku zmieniliśmy ich za fioletowy.

62
00:06:05,410 --> 00:06:07,870
A potem potem zmieniamy je wszystkie, aby być niebieski.

63
00:06:07,870 --> 00:06:12,510
Więc ten, który przyszedł później wygrał bitwę chyba.

64
00:06:13,560 --> 00:06:14,040
OK.

65
00:06:14,050 --> 00:06:22,550
Tak więc problem z tym, co właśnie robią, choć wygląda dobrze, ale niestety jest to nadal w naszym HMO.

66
00:06:22,690 --> 00:06:30,210
I ja właśnie zrobił mówiąc kilka minut temu chcemy oddzielić go lub H i R C s my nie chcemy, żeby być podłączony.

67
00:06:30,320 --> 00:06:35,000
Więc chcemy, by być podłączone nie chcemy CCS być zagnieżdżone wewnątrz jej HMO.

68
00:06:35,440 --> 00:06:38,630
Więc funkcjonalnie działa dokładnie w ten sam sposób.

69
00:06:38,800 --> 00:06:46,880
Nie widzimy żadnej różnicy wizualnej, ale również to, co tak naprawdę chcesz zrobić, to użyć znacznika łącza.

70
00:06:47,290 --> 00:07:01,580
Więc co tag Link pozwala nam zrobić, to napisać lub zobacz SS w zupełnie oddzielnym pliku, a następnie połączone z tagiem łącza zamiast naszej głowie, która w zasadzie idź zawartość tego pliku i duszy i stylu wszystko w naszym wieku.

71
00:07:01,580 --> 00:07:05,090
Tim L. biorąc pod uwagę zawartość tego pliku.

72
00:07:07,270 --> 00:07:17,630
Tak więc napisać, że możemy albo zacząć od nowego pliku i zamierzamy umieścić RC SS tu więc zamierzamy go uratować, a ja po prostu się nazywają go.

73
00:07:17,690 --> 00:07:28,960
C Ss nazwać to, co chcesz, ale musi być kropka C Ss a ja wprowadzenie go w tym samym katalogu co mój plik HDMI.

74
00:07:29,050 --> 00:07:42,630
Następną rzeczą, którą mam zamiar zrobić, to po prostu zdefiniować kilka stylów, a tutaj tak H-1 powiedzmy jest kolor czerwony i leży kolor zielony.

75
00:07:43,240 --> 00:07:46,870
A skoro już tu jesteśmy zmieńmy go tak dobrze.

76
00:07:46,870 --> 00:07:49,330
Kolor fioletowy.

77
00:07:49,870 --> 00:07:50,830
Wspaniały.

78
00:07:50,980 --> 00:07:58,180
Mamy więc CSSA zdefiniowane tu oczywiście i mam zamiar wypowiedzieć się to teraz.

79
00:07:58,180 --> 00:08:00,750
Oczywiście, choć nie są one połączone w tej chwili.

80
00:08:01,120 --> 00:08:04,030
Więc zrobiliśmy plik, ale to nie jest podłączony.

81
00:08:04,180 --> 00:08:06,550
Tak więc, aby to zrobić musimy użyć tagu łącza.

82
00:08:06,880 --> 00:08:22,110
Więc chciałbym wystarczy wpisać link, a następnie naciśnij kartę i widać, że jest to ważny atrybut, który Sublime Text chce nam wypełnić który nazywa się A-Trak i działa podobnie jak koryta na tagu zakotwiczenia i że nadać jej przybycie.

83
00:08:22,140 --> 00:08:24,900
Dajemy mu miejsce, aby znaleźć plik.

84
00:08:24,940 --> 00:08:35,140
Więc w tym przypadku plik ten jest nazywany po prostu apt nas tak po prostu napisać porywa tak nam zaoszczędzić i odświeżyć.

85
00:08:35,140 --> 00:08:42,540
Teraz widać czytaliśmy H-1 Strona 4 fioletowy i zielony sojusznicy więc niech wszystko będziemy robić.

86
00:08:42,540 --> 00:08:43,920
Jeśli chodzi o stylistykę teraz.

87
00:08:44,110 --> 00:08:57,140
Przypomnę więc tutaj, pierwszą rzeczą, że omawiany jest przy użyciu atrybutu stylu, aby dodać styl linii, która wygląda jak ten styl jest równa, a następnie nadać jej własność i jest to zły pomysł z dwóch powodów.

88
00:08:57,160 --> 00:09:01,420
Pierwszym z nich jest to, że nie chcą zaśmiecać lub H Tim L z wieloma stylami.

89
00:09:01,480 --> 00:09:02,890
Chcemy, aby być oddzielone.

90
00:09:03,160 --> 00:09:06,860
A drugim powodem jest to, że ból, jeśli chcemy zmienić ten stan rzeczy.

91
00:09:07,150 --> 00:09:11,500
To dużo powielania, jeśli chcemy, aby wszystkie 3H jeden wątek.

92
00:09:11,530 --> 00:09:14,850
Mamy skopiować ten kod do trzech różnych miejscach.

93
00:09:15,340 --> 00:09:23,110
Następną rzeczą, że dowiedział się o używał tag tag styl i styl pozwala nam pisać C S nas wewnątrz naszego godz Timo.

94
00:09:23,410 --> 00:09:24,940
I to działa dobrze.

95
00:09:24,940 --> 00:09:30,010
To nie pozwala nam użyć składni CSSA gdzie możemy wybrać wszystkie każdą z nich na raz.

96
00:09:30,010 --> 00:09:34,710
Problem z nim jest tak, że nie chcemy, aby umieścić R C S bezpośrednio rozwścieczyło go.

97
00:09:35,230 --> 00:09:42,880
Ale można użyć tego od czasu do czasu, jeśli jesteś po prostu debugowanie coś chcesz szybko dodać kilka stylów, których nie chcesz, aby nowy plik, a następnie połączony.

98
00:09:42,920 --> 00:09:44,480
Po prostu będzie go usunąć później.

99
00:09:44,590 --> 00:09:46,100
Więc to naprawdę czas, w którym go używać.

100
00:09:46,100 --> 00:09:48,530
To tylko w celach demonstracyjnych szybkich.

101
00:09:48,730 --> 00:09:53,670
Ale co właściwie chcemy użyć, jest znacznik Link tag łącza.

102
00:09:53,860 --> 00:09:55,810
To tylko odniesienie do innego pliku.

103
00:09:55,960 --> 00:10:05,800
Więc musimy plik wypełniony stylów musi kończyć Dotsie oceniają go zapisać, a następnie połączyć je z atrybutem H ref i to wszystko, co musimy zrobić.

104
00:10:05,800 --> 00:10:12,550
Jedno zapomniałem wspomnieć, że na pewno chcesz umieścić znaczniki łącza i style w głowie.