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

2
00:00:00,300 --> 00:00:04,840
>> المتحدث: حتى انها في الواقع ليست أفضل
تصميم لتختلط مع CSS HTML.

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
ولكن دعونا أولا نذهب الآن إلى هذا أولا
شعبة وإضافة سمة جديدة،

13
00:00:33,990 --> 00:00:38,680
وهي الهوية، وتحديد أن فريدة من نوعها
المعرف لهذا شعبة خاصة

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
>> لشعبة المقبل، دعونا إعطائها
ID مختلفة من الإقتباس

17
00:00:48,920 --> 00:00:54,080
"الوسط"، ودعونا نعطي للشعبة الثالثة
معرف من بين قوسي الإقتباس "أسفل". نحن

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 ديه فريدة من نوعها
معرف من أعلى.

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
شمود زائد ص CSS-1.html.

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
الآن للقيام بذلك، ويمكنني أن التفاف
صفحة كاملة في شعبة وأنا

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
تحديث في كروم، وفويلا.

55
00:03:08,090 --> 00:03:11,000
لدينا الآن صفحة جون هارفارد
تركزت ونحن المقصود.

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