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
ผมเคยอยู่แล้วเราเริ่มต้น
ที่นี่มีสาม divs เพื่อ

11
00:00:28,930 --> 00:00:30,260
หน้าแรกของจอห์นฮาร์วาร์

12
00:00:30,260 --> 00:00:33,990
แต่ขอให้เป็นครั้งแรกในขณะนี้ไปถึงครั้งแรกนี้
div และเพิ่มคุณลักษณะใหม่

13
00:00:33,990 --> 00:00:38,680
คือ ID และระบุที่ไม่ซ้ำกัน
เพื่อระบุ div นี้โดยเฉพาะ

14
00:00:38,680 --> 00:00:42,390
จะต้องเป็นเช่นอ้างนำมาอ้าง
"บน" ชื่อโดยพลการ แต่

15
00:00:42,390 --> 00:00:45,840
อธิบายในที่นี้เป็น div
แน่นอนที่ด้านบนของหน้าเว็บของฉัน

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
องค์ประกอบที่ไม่ซ้ำกันมี
ระบุด้านบน

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
หนึ่งสำหรับแท็กที่มีนี้
ตัวระบุที่ไม่ซ้ำกันของกลาง

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
chmod บวก r CSS-1.html

39
00:02:14,230 --> 00:02:22,260
ขอเปิด Chrome และเยี่ยมชม
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
ตอนนี้จะทำเช่นนั้นฉันจะห่อ
ทั้งหน้าใน div ที่ฉัน

44
00:02:32,080 --> 00:02:33,800
ไม่เช่นก่อนหน้านี้

45
00:02:33,800 --> 00:02:37,820
หรือฉันจะฉลาดมากขึ้นและตระหนักดีว่า
ทุก divs เหล่านี้ภายใน

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
โหลดใน Chrome, และ voila

55
00:03:08,090 --> 00:03:11,000
ขณะนี้เรามีหน้าจอห์นฮาร์วาร์
เป็นศูนย์กลางในขณะที่เราตั้งใจ

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