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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Vì vậy, nó thực sự không phải là tốt nhất
thiết kế để hoà lẫn CSS với HTML.

3
00:00:04,840 --> 00:00:08,700
Thay vào đó, tốt nhất là yếu tố ra của bạn
CSS, đặt nó ở một nơi trung tâm, và

4
00:00:08,700 --> 00:00:11,430
bằng cách nào đó áp dụng nó vào
thẻ trong trang web của bạn.

5
00:00:11,430 --> 00:00:15,290
Để đạt được điều này, chúng ta có thể dừng lại
sử dụng thuộc tính Phong cách và thay vào đó

6
00:00:15,290 --> 00:00:19,290
sử dụng một thẻ Style, thuộc trong
đầu của một trang web bên cạnh, cho

7
00:00:19,290 --> 00:00:20,700
Ví dụ, tiêu đề của bạn.

8
00:00:20,700 --> 00:00:24,400
>> Hãy cung cấp cho một thử này và tái thực hiện
một trang chủ cho John Harvard

9
00:00:24,400 --> 00:00:26,410
sử dụng thẻ Style.

10
00:00:26,410 --> 00:00:28,930
Tôi đã nhận được chúng tôi bắt đầu
ở đây với ba divs cho

11
00:00:28,930 --> 00:00:30,260
Trang chủ John Harvard.

12
00:00:30,260 --> 00:00:33,990
Nhưng trước tiên hãy bây giờ đi đến này đầu tiên
div và thêm một thuộc tính mới,

13
00:00:33,990 --> 00:00:38,680
cụ thể là ID, và xác định rằng một độc đáo
định danh cho div đặc biệt này

14
00:00:38,680 --> 00:00:42,390
sẽ được, ví dụ, trích dẫn unquote
"Top", một tên tùy ý, nhưng

15
00:00:42,390 --> 00:00:45,840
mô tả trong đó div này là
thực sự ở trên cùng của trang của tôi.

16
00:00:45,840 --> 00:00:48,920
>> Cho div tiếp theo, chúng ta hãy cho nó một
ID khác nhau quote unquote

17
00:00:48,920 --> 00:00:54,080
"Trung lưu", và chúng ta hãy cung cấp cho các div thứ ba
một ID của quote unquote "đáy". Chúng tôi

18
00:00:54,080 --> 00:00:57,740
bây giờ có ba định danh duy nhất
mà chúng ta có thể áp dụng một số CSS

19
00:00:57,740 --> 00:01:01,210
tài sản, nhưng trước tiên, chúng ta hãy trở lại
cho người đứng đầu của trang này.

20
00:01:01,210 --> 00:01:04,760
Ngay trên tiêu đề ở đây, tôi sẽ
đi trước và xác định phong cách

21
00:01:04,760 --> 00:01:07,120
và sau đó phong cách gần.

22
00:01:07,120 --> 00:01:10,340
>> Bên trong này ngay bây giờ, tôi sẽ xác định
một số thuộc tính CSS, cụ thể là

23
00:01:10,340 --> 00:01:14,550
cùng những người thân trước đây tôi đã có trong Phong cách
thuộc tính, nhưng ở đây họ sẽ được

24
00:01:14,550 --> 00:01:16,320
xác định trực thuộc Trung ương.

25
00:01:16,320 --> 00:01:20,880
Để làm như vậy, tôi sẽ chỉ định các bảng
biểu tượng tiếp theo hàng đầu, do đó

26
00:01:20,880 --> 00:01:24,710
xác định rằng CSS sau
tính nên áp dụng cho bất cứ điều gì

27
00:01:24,710 --> 00:01:28,800
Phần tử HTML có độc đáo
nhận dạng hàng đầu.

28
00:01:28,800 --> 00:01:32,240
Tôi sau đó sẽ có một số mở và
dấu ngoặc nhọn đóng cửa, và tôi sẽ

29
00:01:32,240 --> 00:01:39,170
chỉ định, ví dụ, kích thước phông chữ được 36
pixel, trọng lượng font chữ sẽ được in đậm.

30
00:01:39,170 --> 00:01:41,810
>> Để giữ cho mọi thứ sạch sẽ, tôi đặt mỗi
trong số đó bây giờ riêng của mình

31
00:01:41,810 --> 00:01:44,610
dòng, nhưng đó chỉ là một
ước phong cách.

32
00:01:44,610 --> 00:01:47,830
Dưới đây này, bây giờ chúng ta xác định một
chọn, do đó, để nói chuyện.

33
00:01:47,830 --> 00:01:52,680
Điều này cho thẻ HTML có
định danh duy nhất của trung.

34
00:01:52,680 --> 00:01:57,540
Và ở đây, chúng ta hãy xác định một kích thước phông chữ
24 điểm ảnh, dưới đây là một

35
00:01:57,540 --> 00:02:01,520
chọn cho phía dưới, và bên trong
đó, chúng ta hãy xác định một

36
00:02:01,520 --> 00:02:03,850
cỡ chữ 12 pixel.

37
00:02:03,850 --> 00:02:09,350
>> Bây giờ chúng ta tiết kiệm, thay đổi các điều khoản
trên, và tải các trang này trong trình duyệt,

38
00:02:09,350 --> 00:02:14,230
chmod một cộng r css-1.html.

39
00:02:14,230 --> 00:02:22,260
Chúng ta hãy mở Chrome và truy cập vào
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Không xấu.

41
00:02:22,960 --> 00:02:26,930
Chính xác như tôi dự định, nhưng tôi muốn
có những điều một bước xa hơn bây giờ và

42
00:02:26,930 --> 00:02:29,050
văn bản trung tâm John Harvard.

43
00:02:29,050 --> 00:02:32,080
Bây giờ làm như vậy, tôi có thể quấn
toàn bộ trang trong một div như tôi

44
00:02:32,080 --> 00:02:33,800
đã làm một ví dụ trước đó.

45
00:02:33,800 --> 00:02:37,820
Hoặc tôi có thể trở nên thông minh hơn và nhận ra rằng
tất cả các divs là bên trong

46
00:02:37,820 --> 00:02:42,420
cơ thể trang của tôi, vậy tại sao không chỉ áp dụng
một hoặc nhiều thuộc tính CSS cho cơ thể

47
00:02:42,420 --> 00:02:43,850
thẻ chính nó?

48
00:02:43,850 --> 00:02:45,460
>> Để làm như vậy, chúng ta hãy làm điều này.

49
00:02:45,460 --> 00:02:47,650
Chúng ta hãy quay trở lại gedit đây.

50
00:02:47,650 --> 00:02:52,460
Hãy di chuyển trở lại các thiết lập của thẻ Style,
và chúng ta hãy xác định một chọn chỉ

51
00:02:52,460 --> 00:02:54,520
sử dụng tên của thẻ đó, cơ thể.

52
00:02:54,520 --> 00:03:00,580
Dưới đây, chúng ta hãy đặt dấu ngoặc nhọn của chúng tôi
tiếp theo trung tâm text-align.

53
00:03:00,580 --> 00:03:05,580
Bây giờ hãy lưu trang và tải lại
nó bên trong trình duyệt.

54
00:03:05,580 --> 00:03:08,090
Tải lại trong Chrome, và thì đấy.

55
00:03:08,090 --> 00:03:11,000
Bây giờ chúng tôi có trang John Harvard
trung tâm như chúng tôi dự định.

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