1
00:00:01,300 --> 00:00:04,270
좋습니다. 그래서 우리는 실제로 C S S를 씁니다.

2
00:00:04,290 --> 00:00:05,400
아주 흥미 진진한.

3
00:00:05,400 --> 00:00:09,000
우리가 그것을하기 전에 우리는 스타일을 바꿀 수있는 노인을 필요로합니다.

4
00:00:09,180 --> 00:00:18,140
그래서 저는 앞으로 나아갈 것입니다. 그리고 숭고한 태도로 새로운 파일을 만들어서 저의 책상 위에 올려 놓으십시오. 그리고 저는 그것에 대해 이야기 할 것입니다.

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

6
00:00:22,470 --> 00:00:30,400
그 작은 트릭을 사용하여 골격 보일러 판을 얻으십시오. 그러면 이것은 매우 간단한 페이지가 될 것입니다.

7
00:00:30,600 --> 00:00:34,500
우리가 여기서 끝내면 너는 아름답 지 않을거야.

8
00:00:34,590 --> 00:00:36,110
우리는 단지 약간의 색깔을 바꿀 것입니다.

9
00:00:36,210 --> 00:00:38,950
우리는이 모든 것들이 어떻게 작동하는지에 대한 기초를 살펴볼 것입니다.

10
00:00:39,240 --> 00:00:52,430
그래서 나는 단지 나에 대한 각각의 것 그리고 나서 내 취미에 가려움을 말하자.

11
00:00:52,740 --> 00:00:55,150
이 것을 자신에게 맞게 조정하십시오.

12
00:00:55,530 --> 00:01:12,730
목록과 몇 명의 동맹국을 추가하고 타르 요리와 종이 접기를하고 그 파일을 저장합시다.

13
00:01:13,110 --> 00:01:14,180
그냥 두 번 확인해 봅시다.

14
00:01:14,280 --> 00:01:16,870
열어 보죠.

15
00:01:16,920 --> 00:01:17,480
큰.

16
00:01:17,550 --> 00:01:19,970
여기에 멋진 스타일의 사이트가 있습니다.

17
00:01:20,580 --> 00:01:26,650
따라서 실제로 성공을하기 전에 성공을 어디에서 결정해야합니다.

18
00:01:26,820 --> 00:01:28,520
실제로 몇 가지 선택 사항이 있습니다.

19
00:01:28,860 --> 00:01:36,840
따라서 메모에는이 페이지에서 참조하는 두 개가 있으며 지금 당장 말씀 드릴 첫 번째 것은 좋은 생각이 아닙니다.

20
00:01:36,840 --> 00:01:41,100
나는 당신에게 그것을 보여주고 있습니다. 그래서 당신은 두 가지 이유를 알고 있습니다.

21
00:01:41,100 --> 00:01:51,390
하나는 이것이 스타일 시트 이전에 스타일을 적용 할 수 있었고 CSSA 이전에는 실제로 모든 요소에서이 작업을 수행하는 유일한 방법이었습니다.

22
00:01:51,660 --> 00:01:55,380
그래서 예제를 보여 드리겠습니다.

23
00:01:55,830 --> 00:01:59,140
나는이 첫발을 보라색으로 만들고 싶다.

24
00:01:59,340 --> 00:02:08,000
나는 스타일을 말하고 따옴표 안에 Color Purple이라고 말하면 효과가 있습니다.

25
00:02:08,580 --> 00:02:10,800
그리고 이것은 보라색으로 바뀝니다.

26
00:02:11,490 --> 00:02:20,880
그래서 문제가 있는데,이 세 가지를 모두 보라색으로 바꾸려면 매번이 작업을 반복해야합니다.

27
00:02:20,880 --> 00:02:21,910
어느 것이 많은 일입니까.

28
00:02:21,990 --> 00:02:28,570
그리고 나서 내가 아냐 결정하면 그 사람들이 녹색이되기를 바란다. 나는 가서 다른 세 곳을 녹색으로 바꿀 필요가있다.

29
00:02:28,770 --> 00:02:35,940
그리고 분명히 그 문제는 주어진 페이지에 같은 스타일로 수백 개의 동일한 요소가있을 때 훨씬 더 나빠집니다.

30
00:02:35,940 --> 00:02:37,200
그래서 이것은 나쁜 생각입니다.

31
00:02:37,470 --> 00:02:43,220
그리고 이것이 좋은 생각이 아닌 또 다른 이유는 우리가 우리 팀의 L을 RCA와 분리하기를 원한다는 것입니다.

32
00:02:43,380 --> 00:02:46,050
우려의 분리라는 생각입니다.

33
00:02:46,200 --> 00:02:50,030
우리는 CSSA를 자체 파일에 포함시키고 자합니다.

34
00:02:50,040 --> 00:02:53,270
우리는 그 구조만으로도 그 자신의 파일이되도록 나이를 먹고 싶습니다.

35
00:02:53,290 --> 00:02:55,130
C Ss는 스타일에 불과합니다.

36
00:02:55,230 --> 00:02:58,490
그래서 지금이 두 종류의 이상한 조화입니다.

37
00:02:58,710 --> 00:03:07,010
그래서 나는 그것을 제거 할 것이고, 그 음표의 다른 방법은 스타일 공격이라고하는 것입니다.

38
00:03:07,360 --> 00:03:15,580
따라서 스타일 태그를 사용하면 실제로 물건을 선택하는 C Ss 구문을 작성할 수 있으며 여기서는 할 수없는 중괄호가 있습니다.

39
00:03:16,230 --> 00:03:20,590
하지만 우리가 할 수있는 일은 문서 안에 들어 있습니다.

40
00:03:20,700 --> 00:03:43,260
그래서 우리가 계속 나아가 스타일이라고 불리는 태그를 만들면이 속성 유형은 텍스트 슬래시 C와 같습니다. 우리는 이제 여기에 C Ss 태그와 선택자를 쓸 수 있습니다.

41
00:03:43,470 --> 00:03:55,240
우리가 일반적인 규칙 선택기를 가지고 있다는 것을 기억하고 중괄호 안에 속성을 넣은 다음 값을 입력 한 다음 세미콜론을 사용합니다.

42
00:03:55,920 --> 00:03:58,990
그래서 코멘트를하는 방법으로 이것을 설명 할 것입니다.

43
00:03:59,040 --> 00:04:03,870
SS는 슬래시와 별표를 사용하고 별표와 슬래시를 사용합니다.

44
00:04:04,230 --> 00:04:06,060
그래서 여기에두고 갈거야.

45
00:04:06,270 --> 00:04:12,990
그리고 H-1을 보라색으로 바꿔 보겠습니다.

46
00:04:13,020 --> 00:04:16,810
그래서 우리가이 패턴을 따른다면 그것을 선택하는 방식입니다.

47
00:04:17,070 --> 00:04:24,680
그래서 우리는 각각 반복해서 글을 쓸 것이고 다른 유형의 선택자에 많은 시간을 할애 할 것입니다.

48
00:04:24,690 --> 00:04:32,860
그래서 지금 우리는 H-1 인 요소 유형을 기반으로 선택하게 된 요소 선택기에 대해 배우고 있습니다.

49
00:04:33,300 --> 00:04:40,220
이제 우리는 여기에 속성을 추가 할 것이며이 비디오에서는 매우 단순하게 유지하고 색상을 사용하려고합니다.

50
00:04:40,740 --> 00:05:06,510
그래서 색상을 말하고 자주색을 말하고 다시로드하거나 페이지를 다시 저장하면 보라색 H-1이됩니다. 다음으로 할 수있는 일은 모든 동맹자를 주황색으로 변경하고 요소 선택기로 선택하는 것입니다. 다시 한 번해볼 수 있습니다.

51
00:05:06,520 --> 00:05:10,660
쉼표 나 다른 구두점이 필요하지 않습니다.

52
00:05:10,660 --> 00:05:19,390
여기에 다른 규칙을 적용하면 중괄호를 적용하고 이번에는 색상이 주황색임을 말할 것입니다.

53
00:05:19,390 --> 00:05:28,500
그래서 우리가 이것을하는 이유는이 엘리제 선택기가 단지 하나만 선택하지 않고 모든 거짓을 선택한다는 것을 보여주고 싶습니다.

54
00:05:28,600 --> 00:05:33,340
그래서 우리는 모두 세 개를 새로 고침하여 오렌지색입니다.

55
00:05:33,340 --> 00:05:36,220
H-1과 마찬가지로 여러 개의 h가있는 경우.

56
00:05:36,310 --> 00:05:38,190
그래서 저는 세 개를 추가 할 것입니다.

57
00:05:38,260 --> 00:05:42,210
그들은 모두 보라색이다.

58
00:05:42,220 --> 00:05:54,860
내가 여기에 당신을 보여줄 다른 하나는 나중에 각각 다른 스타일을 찾아야하고 파란색이어야한다는 것입니다.

59
00:05:54,910 --> 00:05:56,020
모두 파란색으로 변합니다.

60
00:05:56,080 --> 00:06:02,680
그래서 이것은 우리가 훨씬 더 많이 배우게 될 무언가에 도착합니다. 충돌하는 스타일 정보가있을 때 일어나는 일이 무엇인지에 대한 것입니다.

61
00:06:02,680 --> 00:06:05,200
그리고이 경우 우리는 모두 보라색으로 바꿨습니다.

62
00:06:05,410 --> 00:06:07,870
그리고 나서 우리는 그들 모두를 푸른 색으로 바꿉니다.

63
00:06:07,870 --> 00:06:12,510
그래서 나중에 나온 전투에서 나는 승리했습니다.

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

65
00:06:14,050 --> 00:06:22,550
그래서 우리가 지금까지 해왔 던 문제는 괜찮아 보이지만 불행히도 그것은 여전히 ​​우리의 HMO에 있습니다.

66
00:06:22,690 --> 00:06:30,210
그리고 나는 단지 몇 분 전에 우리가 그를 밖으로 나눠주고 싶어한다고 말했습니다. R C S 우리는 우리가 그들을 연결하기를 원하지 않습니다.

67
00:06:30,320 --> 00:06:35,000
우리는 그들이 연결되기를 바라고 CC가 CC를 HMO 안에 중첩시키지 않기를 바랍니다.

68
00:06:35,440 --> 00:06:38,630
기능적으로 똑같은 방식으로 작동합니다.

69
00:06:38,800 --> 00:06:46,880
우리는 시각적 인 차이는 보이지 않지만 우리가 실제로하고 싶은 것은 링크 태그를 사용하는 것입니다.

70
00:06:47,290 --> 00:07:01,580
그래서 링크 태그가 우리에게 할 수있는 것은 완전히 별개의 파일에 SS를 쓰거나 보았습니다. 그런 다음 우리의 머리 대신 링크 태그로 연결되었습니다. 기본적으로 파일과 영혼의 내용을 가져 와서 우리 시대의 모든 것을 스타일링합니다.

71
00:07:01,580 --> 00:07:05,090
Tim L.이 파일의 내용을 제공했습니다.

72
00:07:07,270 --> 00:07:17,630
그래서 우리는 새로운 파일을 만드는 것부터 시작할 수 있습니다. 우리는 RC SS를 여기에 넣을 것입니다. 그래서 우리는 그것을 구할 것입니다. 그리고 나는 그것을 호출 할 것입니다.

73
00:07:17,690 --> 00:07:28,960
C Ss 당신은 당신이 원하는 무엇이든지 그것을 부르지 만 C Ss를 점령해야하고 그것을 HDMI 파일과 같은 디렉토리에 놓을 것입니다.

74
00:07:29,050 --> 00:07:42,630
다음으로 할 일은 몇 가지 스타일을 정의하는 것입니다. 여기에서 H-1은 색상이 빨간색이고 색상이 녹색이라는 거짓말을 말합니다.

75
00:07:43,240 --> 00:07:46,870
그리고 우리가 여기에있는 동안 그것도 바꿔 보겠습니다.

76
00:07:46,870 --> 00:07:49,330
보라색.

77
00:07:49,870 --> 00:07:50,830
큰.

78
00:07:50,980 --> 00:07:58,180
그래서 여기에 CSSA가 정의되어 있습니다. 지금은 CSSA를 주석으로 처리하겠습니다.

79
00:07:58,180 --> 00:08:00,750
물론 그들은 지금 연결되어 있지 않지만.

80
00:08:01,120 --> 00:08:04,030
그래서 우리는 파일을 만들었지 만 연결되어 있지 않습니다.

81
00:08:04,180 --> 00:08:06,550
그래서 우리는 link 태그를 사용해야합니다.

82
00:08:06,880 --> 00:08:22,110
그래서 링크를 입력 한 다음 탭을 누르기 만하면 숭고한 텍스트가 A-Trak이라고 부르는이 중요한 속성이 있다는 것을 알 수 있습니다.이 속성은 앵커 태그의 여물통처럼 작동합니다. 도착 해주세요.

83
00:08:22,140 --> 00:08:24,900
우리는 파일을 찾을 수있는 장소를 제공합니다.

84
00:08:24,940 --> 00:08:35,140
그래서이 경우이 파일은 방금 호출됩니다. 그래서 우리는 abducts를 작성합니다. 예. 저장하고 새로 고칩니다.

85
00:08:35,140 --> 00:08:42,540
이제 우리는 H-1 보라색 페이지 4와 친환경 동맹국을 읽었 음을 알 수 있습니다.

86
00:08:42,540 --> 00:08:43,920
지금까지 스타일링까지.

87
00:08:44,110 --> 00:08:57,140
따라서 여기에서 다시 설명하기 위해 먼저 스타일 속성을 사용하여이 스타일과 같은 줄을 스타일에 추가 한 다음 속성을 지정하는 것이 두 가지 이유에서 좋지 않습니다.

88
00:08:57,160 --> 00:09:01,420
첫 번째는 우리가 스타일을 많이 사용하여 H Tim L을 어지럽히고 싶지 않다는 것입니다.

89
00:09:01,480 --> 00:09:02,890
우리는 그것들이 분리되기를 바랍니다.

90
00:09:03,160 --> 00:09:06,860
두 번째 이유는 우리가 사물을 바꾸기를 원한다면 고통이된다는 것입니다.

91
00:09:07,150 --> 00:09:11,500
모든 3H를 하나의 스레드로 만들고 싶다면 많은 중복이 필요합니다.

92
00:09:11,530 --> 00:09:14,850
이 코드를 세 곳으로 복사해야합니다.

93
00:09:15,340 --> 00:09:23,110
우리가 스타일 태그와 스타일 태그를 사용하는 것에 대해 배웠던 다음 것은 우리가 우리의 h 티모 안에 C S를 쓰게합니다.

94
00:09:23,410 --> 00:09:24,940
그리고 그것은 잘 작동합니다.

95
00:09:24,940 --> 00:09:30,010
CSSA 구문을 사용하여 한 번에 하나씩 선택할 수 있습니다.

96
00:09:30,010 --> 00:09:34,710
문제는 R C S S를 직접 격분시키기를 원하지 않는다는 것입니다.

97
00:09:35,230 --> 00:09:42,880
그러나 새로운 파일을 만들고 싶지 않은 스타일을 빠르게 추가하고 연결하려는 무언가를 디버깅하는 경우이 기능을 사용합니다.

98
00:09:42,920 --> 00:09:44,480
나중에 삭제할 것입니다.

99
00:09:44,590 --> 00:09:46,100
그래서 그 시간이 제가 사용하는 곳입니다.

100
00:09:46,100 --> 00:09:48,530
빠른 데모 용입니다.

101
00:09:48,730 --> 00:09:53,670
그러나 우리가 실제로 사용하고자하는 것은 링크 태그 인 link 태그입니다.

102
00:09:53,860 --> 00:09:55,810
다른 파일에 대한 참조 일뿐입니다.

103
00:09:55,960 --> 00:10:05,800
그래서 우리는 스타일로 가득 찬 파일을 Dotsie로 끝내야한다고 평가하고 그것을 저장하고 H ref 속성으로 연결하면 그만하면됩니다.

104
00:10:05,800 --> 00:10:12,550
내가 언급하는 것을 잊어 버린 한가지는 당신이 확실히 당신의 머리 속에 링크 태그와 스타일을 넣고 싶다는 것이다.