1
00:00:00,240 --> 00:00:01,290
다시 오신 것을 환영합니다.

2
00:00:01,290 --> 00:00:06,670
따라서이 비디오는 평가가 작동하는 방식과 수행 방식에 대한 고차원적인 개요가 될 것입니다.

3
00:00:06,720 --> 00:00:13,120
그래서 우리는 실제로 다음번 수업 때까지 어떤 코드를 쓰고 싶습니다. 그리고 거의 모든 교훈은 우리를 덮어 씌우고 있습니다.

4
00:00:13,500 --> 00:00:21,870
그러나 우리가 할 일은 성공을 정의하고 그것이하는 역할에 대해 이야기하는 세 가지 중요한 것들입니다.

5
00:00:21,870 --> 00:00:24,180
우리는 웹 사이트를 볼 것입니다.

6
00:00:24,210 --> 00:00:27,560
우리는 C S C S를 멀리 가져와 그들이 어떻게 변화하는지 보게 될 것입니다.

7
00:00:27,900 --> 00:00:34,340
그리고 나서 우리가 작성한 모든 CSSA 행에 대해이 일반 규칙을 정의 할 것입니다.

8
00:00:34,380 --> 00:00:39,580
이제 CSS 스타일 시트에 대한 입장을 설명하겠습니다.

9
00:00:39,840 --> 00:00:43,670
계단식 부분은 이후 비디오에서 다시 돌아올 것입니다.

10
00:00:43,830 --> 00:00:46,690
그러나 스타일 시트는 꽤 자명하다.

11
00:00:46,710 --> 00:00:55,390
C S는 H M L이 명사 일 때 종종 형용사 또는 피부로 간주된다는 것을 기억하십시오.

12
00:00:55,590 --> 00:00:59,830
그래서 짐 엘리스 (Jim Ellis)는 여기서 우리가 원하는 구조와 총알점을 여기에 있습니다.

13
00:01:00,090 --> 00:01:09,170
우리는 표제를 보라색으로 만들고 글꼴 크기를 50 픽셀로 말하며 이것을 아래쪽으로 옮겨서 테두리를 둡니다.

14
00:01:09,240 --> 00:01:13,760
그래서 우리는 그것을 어떻게 사용하여 스타일 시트를 보여야하는지 설명합니다.

15
00:01:13,770 --> 00:01:21,030
다른 부분은 그것의 시트 부분이며, 이것이 의미하는 바는 우리가 각 팀으로부터 따로 따로 이것을 씁니다.

16
00:01:21,110 --> 00:01:23,400
그들은 HMO 안에 있지 않습니다.

17
00:01:23,460 --> 00:01:27,590
그것들은 HMO에 포함 된 별도의 문서입니다.

18
00:01:28,020 --> 00:01:31,510
먼저 몇 가지 예를 살펴 보겠습니다.

19
00:01:31,560 --> 00:01:45,220
정말 CSX Zen garden이라고 불리는 사이트가 있습니다.이 사이트의 요점은 Jesse와 함께 할 수있는 다양한 것들을 보여주는 것입니다.

20
00:01:45,300 --> 00:01:49,200
따라서 여기를 살펴보면 마크 업이 있습니다.

21
00:01:49,260 --> 00:01:52,120
HDMI 파일을 살펴 보겠습니다.

22
00:01:52,410 --> 00:01:54,010
우리는 그 일을 계속할 수 있습니다.

23
00:01:54,450 --> 00:01:58,780
이것이 NCEA가 말하는 모든 핵심 파일입니다.

24
00:01:58,840 --> 00:02:00,300
선 가든이 사용합니다.

25
00:02:00,300 --> 00:02:02,130
그래서 당신은 꽤 기본적인 것을 볼 수 있습니다.

26
00:02:02,130 --> 00:02:04,280
우리는 몇 가지 제목이 있습니다.

27
00:02:04,280 --> 00:02:17,580
우리는 몇 단락을 가지고 있습니다. 몇몇 글 머리 기호는 아래쪽에 있습니다. 그리고이 사이트의 전체적인 생각은 기여자가 이것을 이메일로 보내고, 고령자를 전혀 변경하지 않고 자신의 CSSA를 작성한다는 것입니다.

28
00:02:17,580 --> 00:02:23,360
그래서 당신은 단지 구조가 동일하다는 평가와 다른 결과로 끝나는 것을보기 위해 바뀝니다.

29
00:02:23,370 --> 00:02:25,550
여기 하나 있습니다.

30
00:02:25,720 --> 00:02:33,800
그리고 오른쪽에 몇 가지 다른 것들을 체크 아웃 할 수 있고 거기에 그들 사이트의 무리가 있고 실제로 당신이 그것을 원한다면 당신이 자신의 기여할 수 있습니다.

31
00:02:34,080 --> 00:02:35,020
잘 살펴 보도록하겠습니다.

32
00:02:35,250 --> 00:02:42,750
그래서 이것은 완전히 다른 다른 색상 구성표 글꼴 이미지를 다른 전체 레이아웃입니다.

33
00:02:42,750 --> 00:02:44,190
이것은 또한 매우 다릅니다.

34
00:02:44,190 --> 00:02:47,840
그것은 로딩 된 모든 멋진 로딩 애니메이션을 가지고 있습니다.

35
00:02:48,240 --> 00:02:56,050
아래로 스크롤 할 수 있으며 콘텐츠가 스크롤되지만 배경 이미지가 정적 인 경우에이 효과가 있습니다.

36
00:02:56,130 --> 00:03:00,190
우리에게는 근본적으로 다른이 것이 있습니다.

37
00:03:01,020 --> 00:03:08,820
그리고 우리는 하루 종일 여기에서 보낼 수 있었고 우리는 지미라는 로봇이 제일 좋아하는 로봇을 하나 더 찾습니다.

38
00:03:09,190 --> 00:03:13,510
우리는이 작은 로봇을 돌려서이 회전에서 뒤쪽으로 별 모양을 만듭니다.

39
00:03:13,620 --> 00:03:20,860
또 다른 스크롤링 효과가 있으므로이 CSSA가 얼마나 강력한 지 확인할 수 있도록이 내용을 보여 드리겠습니다.

40
00:03:21,060 --> 00:03:23,330
기본적으로 피부 닥터입니다.

41
00:03:23,370 --> 00:03:27,330
구조 변경을위한 첨가제.

42
00:03:27,330 --> 00:03:35,020
당신은 이와 같이 보면서 제쳐두고 그것을 알 수 있습니다.

43
00:03:35,070 --> 00:03:40,690
이제까지 충분히 배우기에 흥분을 느끼기에 충분합니다.

44
00:03:40,770 --> 00:03:45,170
우리는 기본 흑백 스타일 외에 어떤 스타일도 가지고 있지 않습니다.

45
00:03:46,440 --> 00:03:51,880
다음은 CSSA의 모든 라인이 뒤따를 것이라는 일반적인 규칙에 대해 이야기하고자합니다.

46
00:03:52,050 --> 00:03:55,090
이 패턴은 여기 이렇게 보입니다.

47
00:03:55,230 --> 00:03:56,800
우리는 무언가를 선택합니다.

48
00:03:57,270 --> 00:04:06,470
그래서 우리는 실제로 거기에가는 것에 대해 많은 이야기를 할 것입니다. 그러나 우리는 All h ones 나 동맹국 안의 모든 앵커 태그와 같은 것을 선택할 것입니다.

49
00:04:06,540 --> 00:04:24,350
그래서 우리는 html 요소를 선택하는 곳에서 기존 HTML을 참조하고 중괄호 안에 스타일을 적용하고 콜론 (:) 속성 콜론을 가진 다음이 세미콜론을 갖는이 키 값 쌍 형식을 따릅니다. -콜론.

50
00:04:24,690 --> 00:04:33,770
그래서 여기서 우리는 변화하는 100 개의 다른 속성을 가질 수 있지만 항상이 구문 속성 인 Colan 값을 따를 수 있습니다.

51
00:04:34,740 --> 00:04:36,510
여기에 두 가지 예가 있습니다.

52
00:04:36,540 --> 00:04:40,190
이 첫 번째 섹션에서는 모든 h 항목을 선택합니다.

53
00:04:40,260 --> 00:04:42,920
다시 한번 우리는이 셀렉터가 어떻게 작동하는지 다시 생각해 볼 것입니다.

54
00:04:43,080 --> 00:05:02,100
하지만 페이지의 각 요소를 모두 선택하면 보라색의 색상과 56의 글꼴 크기를 부여한 다음 여기 아래의 모든 요소가 모든 이미지 태그를 선택하고 테두리 색상을 빨간색으로 지정하고 테두리를 지정합니다. 3 픽셀.

55
00:05:02,100 --> 00:05:06,350
따라서 우리는 항상 모든 이미지 태그에서 모든 이미지를 선택하지는 않습니다.

56
00:05:06,570 --> 00:05:15,310
실제로 여러 가지 비디오를 선택해야 할 때가 있습니다. 가끔씩 우리는 한 번에 하나의 작은 요소를 처리하는 것을 선택하기를 원합니다.

57
00:05:15,450 --> 00:05:19,160
그래서 거기에 많은 옵션이 있지만 항상이 형식을 따릅니다.