1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> 스피커 : 그것은 HTML이 아닌 것으로 밝혀
당신이 내부에 사용할 수있는 유일한 언어

3
00:00:03,310 --> 00:00:03,895
웹 페이지.

4
00:00:03,895 --> 00:00:08,100
당신은 CSS라는 것을 사용하거나, 수
캐스 케이 딩 스타일 시트뿐만 아니라.

5
00:00:08,100 --> 00:00:12,120
CSS는 훨씬 더 지정할 수 있습니다
웹의 정밀 미학

6
00:00:12,120 --> 00:00:16,930
레이아웃 및 크기를 포함하여 페이지 및
색상과 글꼴 및 훨씬 더.

7
00:00:16,930 --> 00:00:20,820
예를 들어, 웹 페이지를 생성하도록
를 나타냅니다 여기라고 css0에

8
00:00:20,820 --> 00:00:22,740
존 하버드, 말, 용 홈 페이지.

9
00:00:22,740 --> 00:00:25,480
>> 이 페이지에, 우리는거야 존 하버드의
이름이 될 것이다 아래에

10
00:00:25,480 --> 00:00:28,500
방문자를위한 좋은 메시지, 아래
있는, 바닥 글이 될 것입니다

11
00:00:28,500 --> 00:00:30,590
일부 저작권 정보를 말한다.

12
00:00:30,590 --> 00:00:34,650
이 작업을 수행하기 위해,이 세 부문을 정의 할 수
태그를 사용하여 페이지에 대한

13
00:00:34,650 --> 00:00:35,670
DIV했다.

14
00:00:35,670 --> 00:00:43,880
오픈 브라켓 사업부, 존 하버드, 가까운
브래킷 사업부, 열려있는 다른 부류 사업부,

15
00:00:43,880 --> 00:00:48,330
지금 우리는 무엇인가를 지정합니다
같은 내 홈 페이지에 오신 것을 환영합니다!

16
00:00:48,330 --> 00:00:50,420
뿐만 아니라, 이제이 사업부를 닫을 수 있습니다.

17
00:00:50,420 --> 00:00:53,700
>> 그리고 지금 세 번째이자 마지막
DIV, 저작권.

18
00:00:53,700 --> 00:00:58,250
그냥 공상으로, 내가 지금 HTML을 사용하자
엔티티 나타내는 기호

19
00:00:58,250 --> 00:01:01,140
문자 당신이 그렇지 않으면 수 없었다
키보드에 입력합니다.

20
00:01:01,140 --> 00:01:07,490
특히, 내가 할거야
앰퍼샌드, 파운드, 169, 세미콜론.

21
00:01:07,490 --> 00:01:10,620
그 숫자 코드입니다 밝혀
저작권 기호.

22
00:01:10,620 --> 00:01:14,260
그럼 존 하버드을 지정할 수
여기에 바닥에.

23
00:01:14,260 --> 00:01:17,180
의이 사업부를 닫고 파일을 저장할 수 있습니다.

24
00:01:17,180 --> 00:01:18,910
>> 자,이 div 태그는 무엇입니까?

25
00:01:18,910 --> 00:01:21,970
div 태그는 단순히 분할을 정의
본질적으로 페이지의

26
00:01:21,970 --> 00:01:23,310
사각형 영역.

27
00:01:23,310 --> 00:01:26,850
그래서 시간이 순간에, 나는 3가
사각형 영역, 상단에 하나

28
00:01:26,850 --> 00:01:27,620
다른.

29
00:01:27,620 --> 00:01:30,610
그래서 지금은 효과가 거의 같다
나는 세 단락을 가지고 있지만.

30
00:01:30,610 --> 00:01:33,490
그러나 우리는 꽤 많이 볼 수 없습니다
그들 사이의 공백입니다.

31
00:01:33,490 --> 00:01:36,170
>> 변경의이 파일을 저장할 수의
권한 및 대한 살펴

32
00:01:36,170 --> 00:01:37,990
크롬 순간.

33
00:01:37,990 --> 00:01:43,040
chmod를 +는 CSS0.html r에.

34
00:01:43,040 --> 00:01:52,440
크롬과 방문을 열어 지금의하자
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
사실, 여기에 홈 페이지의
존 하버드하십시오.

36
00:01:54,630 --> 00:01:59,370
의 지금은 조금 더 그것을 양식에 일치하게
정확하게 일부 CSS를 사용하여.

37
00:01:59,370 --> 00:02:03,510
>> 위로의 gedit에서의이로 가자
첫 번째 div 태그 및 스타일을 추가

38
00:02:03,510 --> 00:02:11,060
내가 좋아하는 거라고 지정 속성
폰트 말하자면, 크기, 36 픽셀 또는 PX.

39
00:02:11,060 --> 00:02:15,650
그리고이 글꼴의 무게를 싶습니다
오히려 기본보다 대담하려면,

40
00:02:15,650 --> 00:02:16,980
이는 정상입니다.

41
00:02:16,980 --> 00:02:21,170
두 번째 DIV를 들어,이 지정할 수
을 가진 다른 스타일 속성

42
00:02:21,170 --> 00:02:25,550
폰트 24 화소의 크기, 그래서
조금 작은.

43
00:02:25,550 --> 00:02:28,410
세미콜론 후 닫기 따옴표.

44
00:02:28,410 --> 00:02:33,255
>> 마지막으로, 세 번째 사업부에의 할 수 있도록
스타일은 인용, 글꼴 크기와 동일하고,

45
00:02:33,255 --> 00:02:35,340
의 12 픽셀이 시간을 가정 해 봅시다.

46
00:02:35,340 --> 00:02:37,280
세미콜론 후 닫기 인용.

47
00:02:37,280 --> 00:02:40,200
내가 가지고있는 것 같은 다음주의
에 대한 양식에의 지정 비트

48
00:02:40,200 --> 00:02:43,770
사용이 세 div에 각각
그것은 CSS를 밝혀졌습니다.

49
00:02:43,770 --> 00:02:47,820
사실, 당신이에서 볼 수있는 구문
그 큰 따옴표 사이에 CSS이며,

50
00:02:47,820 --> 00:02:50,620
특히 속성을 CSS는
값.

51
00:02:50,620 --> 00:02:53,910
그리고 내가 가진 그 첫 번째 태그에 대한
이러한 두 속성, 글꼴 크기 및

52
00:02:53,910 --> 00:02:57,290
글꼴 두께, 단순히 분리
세미콜론으로.

53
00:02:57,290 --> 00:02:59,940
>> 이제, 단지 스타일의 이익을 위해, I
도 포함 세미콜론에서

54
00:02:59,940 --> 00:03:00,880
각 줄의 끝.

55
00:03:00,880 --> 00:03:04,270
그러나 그들은 반드시 필요하지 않은,
당신은 단지 하나가 특히

56
00:03:04,270 --> 00:03:05,580
속성은 정의.

57
00:03:05,580 --> 00:03:08,370
의 지금 파일을 저장하고 다시합시다
크롬에서, 그리고 무엇을보고

58
00:03:08,370 --> 00:03:11,000
순 효과입니다.

59
00:03:11,000 --> 00:03:13,470
위로 크롬 여기에,
의는 새로 고침을 클릭 할 수 있습니다.

60
00:03:13,470 --> 00:03:15,800
>> 이제 우리는 좀 더 흥미를 가지고
존에 대한 홈 페이지

61
00:03:15,800 --> 00:03:19,000
하버드와 이에 첫 번째 줄
그 안에 자신의 이름,

62
00:03:19,000 --> 00:03:23,470
첫 번째 사업부는 또한 36 픽셀 높이이고,
굵은, 이에 두 번째 줄,

63
00:03:23,470 --> 00:03:27,340
그 두 번째 DIV에있는 24입니다
키가 큰, 그러나 굵은 화소.

64
00:03:27,340 --> 00:03:31,500
그리고 이에이 제 3의 세 번째 줄
사업부는 12 픽셀 높이이고,

65
00:03:31,500 --> 00:03:32,610
굵은 없습니다.

66
00:03:32,610 --> 00:03:35,380
하지만 지금은 가정 나는 이동하고 싶습니다
이상이 텍스트의 모든

67
00:03:35,380 --> 00:03:36,650
이 중심에 있다는 등.

68
00:03:36,650 --> 00:03:40,480
>> I는 개개의 각을 맞출 수
중심되는 것으로 div를.

69
00:03:40,480 --> 00:03:45,330
그러나 더 쉽게, 나는 그 포장 수
네 번째 사업부의 내부에 세 가지의 div,

70
00:03:45,330 --> 00:03:49,360
부모 DIV 말하자면, 및 지정
그 해당 사업부와의 모든

71
00:03:49,360 --> 00:03:52,610
후손이어야한다
텍스트 중앙 정렬?

72
00:03:52,610 --> 00:03:54,120
어디 보자.

73
00:03:54,120 --> 00:03:58,510
>> gedit에서의 내부의가 돌아 가자 내
몸과 함께 새로운 사업부까지 가기를 추가

74
00:03:58,510 --> 00:04:04,460
DIV, 스타일은 인용을 끝 맺다 동일
텍스트 정렬 센터, 가까운

75
00:04:04,460 --> 00:04:06,250
세미콜론 후 인용.

76
00:04:06,250 --> 00:04:10,280
그리고 지금의 모든 전방 및 들여 쓰기 가자
우리가 이전에 입력 된 그 라인의.

77
00:04:10,280 --> 00:04:15,040
그리고 세 번째 DIV 아래에하자
이 새로운 사업부를 닫습니다.

78
00:04:15,040 --> 00:04:18,829
>> 즉, 때문에 그 세
원래의 div는 지금 아이들, 그래서에

79
00:04:18,829 --> 00:04:22,110
새 부모 DIV의, 말을하고 난했습니다
내가 정렬하고 싶은 것을 지정

80
00:04:22,110 --> 00:04:26,140
중앙에있는 그 부모 DIV의 텍스트
페이지의 해당 속성이 될 것입니다

81
00:04:26,140 --> 00:04:28,290
그 아이들로 상속.

82
00:04:28,290 --> 00:04:32,370
사실의 파일을 저장하자
브라우저에서 봐.

83
00:04:32,370 --> 00:04:34,650
의 크롬에 다시 보자.

84
00:04:34,650 --> 00:04:37,540
그리고 거기에서 우리는, 심지어 더 좋은가
존 하버드를위한 홈페이지.

85
00:04:37,540 --> 00:04:39,872