1
00:00:00,000 --> 00:00:00,300

2
00:00:00,300 --> 00:00:04,840
>> 스피커 : 그래서 실제로 최고 아니다
HTML과 CSS를 뒤섞다하는 디자인.

3
00:00:04,840 --> 00:00:08,700
오히려 뽑아내는 것이 가장 좋습니다 당신의
CSS는, 어딘가에 중앙 넣어

4
00:00:08,700 --> 00:00:11,430
어떻게 든에 적용
웹 페이지에 태그.

5
00:00:11,430 --> 00:00:15,290
이를 위해, 우리는 실제로 중지 할 수 있습니다
대신에 스타일 속성을 사용하여

6
00:00:15,290 --> 00:00:19,290
에 속하는 스타일 태그를 사용
함께 웹 페이지의 선두에 대한

7
00:00:19,290 --> 00:00:20,700
예, 제목.

8
00:00:20,700 --> 00:00:24,400
>> 하자이 시도를 포기하고 다시 구현
존 하버드의 홈 페이지

9
00:00:24,400 --> 00:00:26,410
스타일 태그를 사용하여.

10
00:00:26,410 --> 00:00:28,930
나는 이미 우리가 시작 왔
여기에 세 가지의 div와

11
00:00:28,930 --> 00:00:30,260
존 하버드의 홈페이지.

12
00:00:30,260 --> 00:00:33,990
그러나하자 먼저 지금이 첫 번째에 올라가
사업부 및 새로운 특성을 추가,

13
00:00:33,990 --> 00:00:38,680
즉 ID 및 지정 고유 한 그
이 특정 사업부에 대한 식별자

14
00:00:38,680 --> 00:00:42,390
인용 작자 예를 들어한다
"최고"임의의 이름 만

15
00:00:42,390 --> 00:00:45,840
그이 사업부가있는 설명
참으로 내 페이지의 상단에.

16
00:00:45,840 --> 00:00:48,920
>> 다음 DIV를 들어, 그것을 줄 수 있도록
인용을 끝 맺다 다른 ID

17
00:00:48,920 --> 00:00:54,080
"중간"과의 세 번째 DIV를 주자
인용을 끝 맺다의 ID "아래." 우리

18
00:00:54,080 --> 00:00:57,740
이제 세 가지 고유 한 식별자가
어떤에 우리는 약간의 CSS를 적용 할 수 있습니다

19
00:00:57,740 --> 00:01:01,210
속성,하지만 먼저하자 반환
이 페이지의 머리에.

20
00:01:01,210 --> 00:01:04,760
여기서 제목 위에 나는거야
가서 스타일을 정의

21
00:01:04,760 --> 00:01:07,120
다음 닫기 스타일.

22
00:01:07,120 --> 00:01:10,340
>> 이 안에 지금, 내가 정의하는거야
일부 CSS 속성, 즉

23
00:01:10,340 --> 00:01:14,550
내가 이전 스타일에 있던 같은 것들
속성, 그러나 여기에서 그들이있을거야

24
00:01:14,550 --> 00:01:16,320
중앙에서 정의.

25
00:01:16,320 --> 00:01:20,880
이를 위해, 나는 파운드를 지정하는거야
기호함으로써, 최고 다음

26
00:01:20,880 --> 00:01:24,710
지정하는 다음과 같은 CSS
속성은 무엇에 적용해야

27
00:01:24,710 --> 00:01:28,800
HTML 요소는 고유 한이
상단의 ID입니다.

28
00:01:28,800 --> 00:01:32,240
나는 다음 몇 가지가 열려하는 건데
닫힌 중괄호, 난 갈 거 야

29
00:01:32,240 --> 00:01:39,170
지정, 말, 폰트 크기는 36해야한다
픽셀, 글꼴 두께가 굵게한다.

30
00:01:39,170 --> 00:01:41,810
>> 청결하게 유지하기 위하여, 나는 각을 걸었습니다
지금은 자신의 이러한 속성

31
00:01:41,810 --> 00:01:44,610
라인,하지만 그건 단지의
스타일적인.

32
00:01:44,610 --> 00:01:47,830
이 아래의 지금은 서로를 정의 할 수
선택, 말하자면.

33
00:01:47,830 --> 00:01:52,680
이 HTML 태그에 대한이 하나
중간의 고유 식별자입니다.

34
00:01:52,680 --> 00:01:57,540
그리고 여기에서의이 글꼴 크기를 지정할 수
24 픽셀, 그 다른 이하

35
00:01:57,540 --> 00:02:01,520
내부 바닥과에 대한 선택
그 중,의를 지정할 수

36
00:02:01,520 --> 00:02:03,850
12 픽셀의 글꼴 크기입니다.

37
00:02:03,850 --> 00:02:09,350
>> 의 지금, 저장 권한을 변경할 수
에, 그리고 브라우저에서이 페이지를로드,

38
00:02:09,350 --> 00:02:14,230
플러스 R의 CSS-1.html chmod를.

39
00:02:14,230 --> 00:02:22,260
의 크롬을 열고 방문하자
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
나쁘지 않다.

41
00:02:22,960 --> 00:02:26,930
나는 것,하지만 난하고 싶은대로
이제 한 단계 더 나아가 물건을 가지고와

42
00:02:26,930 --> 00:02:29,050
센터 존 하버드의 텍스트입니다.

43
00:02:29,050 --> 00:02:32,080
지금 이렇게, 나는 포장 할 수있는
사업부의 전체 페이지와 I

44
00:02:32,080 --> 00:02:33,800
앞의 예를했다.

45
00:02:33,800 --> 00:02:37,820
아니면 내가 더 똑똑하고 실현 할 수
이들의 div 모두의 내부에있는

46
00:02:37,820 --> 00:02:42,420
내 페이지의 몸은 왜 그냥 적용되지
몸에 하나 이상의 CSS 속성

47
00:02:42,420 --> 00:02:43,850
자체에 태그를?

48
00:02:43,850 --> 00:02:45,460
>> 이렇게하려면,이 해 보자.

49
00:02:45,460 --> 00:02:47,650
여기서 다시의 gedit에 가자.

50
00:02:47,650 --> 00:02:52,460
의이 스타일 태그까지 스크롤을하자,
과의이 선택을 지정할 수 단지

51
00:02:52,460 --> 00:02:54,520
이 태그의 이름, 몸을 사용.

52
00:02:54,520 --> 00:03:00,580
그 아래의 우리의 중괄호를 만들어 보자
텍스트 정렬 센터 하였다.

53
00:03:00,580 --> 00:03:05,580
의 현재 페이지를 저장하고 다시합시다
그것은 해당 브라우저의 내부.

54
00:03:05,580 --> 00:03:08,090
크롬에서 다시로드, 봐라.

55
00:03:08,090 --> 00:03:11,000
이제 우리는 존 하버드의 페이지가
우리가 의도 한대로를 중심으로.

56
00:03:11,000 --> 00:03:12,619