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 หรือ
สไตล์ Cascading แผ่นเช่นกัน

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
เปิด div วงเล็บ, จอห์นฮาร์วาร์ใกล้
div วงเล็บวงเล็บ div อื่นเปิด

15
00:00:43,880 --> 00:00:48,330
และตอนนี้เราจะระบุบางสิ่งบางอย่าง
เช่นยินดีต้อนรับสู่หน้าแรกของฉัน

16
00:00:48,330 --> 00:00:50,420
และขอปิด div นี้ได้เป็นอย่างดี

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
ลองปิด div และบันทึกไฟล์

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
ดังนั้นในขณะที่ในเวลานี้ผมมีสาม
ภูมิภาคสี่เหลี่ยมหนึ่งอยู่ด้านบน

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 + r CSS0.html

34
00:01:43,040 --> 00:01:52,440
ตอนนี้ขอเปิด Chrome และเยี่ยมชม
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
>> สุดท้ายใน div ที่สามนี้ขอทำ
สไตล์ขนาดเท่ากับอ้างอักษรและ

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
แจ้งให้ทราบแล้วที่ฉันดูเหมือนจะมี
ระบุบิตของการ stylization

48
00:02:40,200 --> 00:02:43,770
แต่ละเหล่านี้สาม divs ใช้
มันจะเปิดออก, 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
>> ตอนนี้เพียงเพื่อประโยชน์ในสไตล์ของผม
อัฒภาคยังรวมถึงการที่

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
ตอนนี้ขอบันทึกแฟ้มและโหลด
ใน Chrome และดูสิ่งที่

58
00:03:08,370 --> 00:03:11,000
ผลสุทธิเป็น

59
00:03:11,000 --> 00:03:13,470
ย้อนกลับไปใน Chrome ที่นี่
ให้คลิกโหลด

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
div แรกเป็น 36 พิกเซลสูงและยัง
ตัวหนาโดยสายที่สอง

63
00:03:23,470 --> 00:03:27,340
ซึ่งเป็นที่ที่สอง div, 24
พิกเซลสูง แต่ไม่หนา

64
00:03:27,340 --> 00:03:31,500
และด้วยเหตุนี้ในบรรทัดที่สามที่สามที่
div 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
>> ฉันจะจัดแต่ละบุคคล
divs ว่าเป็นศูนย์กลาง

69
00:03:40,480 --> 00:03:45,330
แต่ได้ง่ายขึ้นฉันจะห่อเหล่านั้น
สาม divs ภายในของ div ที่สี่

70
00:03:45,330 --> 00:03:49,360
div ผู้ปกครองจึงจะพูดและระบุ
ที่ 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 ให้กลับไปของฉัน
ร่างกายและเพิ่ม div เติมใหม่ที่มี

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 ที่สามให้
ปิด div ใหม่นี้

78
00:04:15,040 --> 00:04:18,829
>> ในคำอื่น ๆ เพราะทั้งสาม
divs เดิมตอนนี้เด็กเพื่อ

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
ลองโหลดใน Chrome

84
00:04:34,650 --> 00:04:37,540
และมีเรามีมันได้ดีกว่า
หน้าแรกของจอห์นฮาร์วาร์

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