المتحدث: حتى انها في الواقع ليست أفضل تصميم لتختلط مع CSS HTML. بدلا من ذلك، فمن الأفضل أن عاملا من أصل الخاصة بك CSS، ووضعها في مكان ما وسط، و تنطبق بطريقة أو بأخرى إلى العلامات في صفحة الويب الخاصة بك. لتحقيق هذا، ونحن يمكن أن تتوقف في الواقع باستخدام السمة نمط وبدلا من ذلك استخدام البطاقات أسلوب، الذي ينتمي في رئيس صفحة على شبكة الإنترنت جنبا إلى جنب مع ل المثال، العنوان الخاص بك. 

دعونا نعطي هذه المحاولة وإعادة تنفيذ صفحة رئيسية لجون هارفارد باستخدام البطاقات أسلوب. لقد حصلت لنا بالفعل بدأت هنا مع ثلاثة DIVS ل موقع جون هارفارد. ولكن دعونا أولا نذهب الآن إلى هذا أولا شعبة وإضافة سمة جديدة، وهي الهوية، وتحديد أن فريدة من نوعها المعرف لهذا شعبة خاصة يجب أن تكون، على سبيل المثال، بين قوسي الإقتباس "الأعلى"، وهو اسم التعسفي، ولكن وصفي في أن هذا هو شعبة الواقع في الجزء العلوي من الصفحة الخاصة بي. 

لشعبة المقبل، دعونا إعطائها ID مختلفة من الإقتباس "الوسط"، ودعونا نعطي للشعبة الثالثة معرف من بين قوسي الإقتباس "أسفل". نحن لدينا الآن ثلاثة المعرف الفريد التي يمكن أن نطبق بعض CSS الخصائص، ولكن أولا، دعونا العودة لرئيس هذه الصفحة. فقط فوق عنوان هنا، وسوف أكون المضي قدما وتحديد نمط ثم أسلوب وثيق. 

داخل هذا الآن، انا ذاهب الى تعريف بعض خصائص CSS، وهي نفس تلك التي كنت في السابق كان في نمط الصفات، ولكن هنا أنها سوف تكون تعريف مركزيا. للقيام بذلك، وانا ذاهب لتحديد الجنيه رمز تليها أعلى، وبالتالي تحديد أن CSS التالية ينبغي أن تنطبق خصائص لأيا كان عنصر HTML ديه فريدة من نوعها معرف من أعلى. أنا ثم ستكون لدينا بعض مفتوحة و الأقواس المتعرجة مغلقة، وأنا ذاهب ل تحديد، على سبيل المثال، حجم الخط يكون 36 بكسل، يجب أن يكون الخط الوزن جريئة. 

لابقاء الامور نظيفة، وأنا أضع كل من هذه الخصائص الآن من تلقاء نفسها الخط، ولكن هذا مجرد اتفاقية الأسلوبية. دون هذا، دعونا الآن تعريف آخر محدد، إذا جاز التعبير. هذا واحد لعلامة HTML التي لديها المعرف الفريد من الوسط. وهنا، دعونا تحديد حجم الخط من 24 بكسل، دون أن آخر محدد للأسفل، وداخل لذلك، دعونا تحديد حجم الخط 12 بكسل. 

دعونا حفظ الآن، تغيير الأذونات على، وتحميل هذه الصفحة في المتصفح، شمود زائد ص CSS-1.html. دعونا فتح كروم وزيارة http://localhost/css-1.html. ليس سيئا. كما نويت بالضبط، ولكن أود أن نأخذ الأمور خطوة أخرى الآن و النص مركز جون هارفارد. الآن للقيام بذلك، ويمكنني أن التفاف صفحة كاملة في شعبة وأنا فعل سبيل المثال في وقت سابق. أو يمكنني أن أكون أكثر ذكاء، وندرك أن كل هذه هي DIVS داخل الجسم الصفحة بلادي، فلماذا لا تطبق فقط واحدة أو أكثر من الخصائص CSS للجسم العلامة نفسها؟ 

للقيام بذلك، دعونا نفعل هذا. دعونا نعود إلى gedit هنا. دعونا تمرير ما يصل الى العلامة ستايل، ودعونا تحديد محدد فقط استخدام تلك العلامة الاسم والجسم. دون ذلك، دعونا نضع الأقواس المتعرجة لدينا يليه مركز مواءمة النصوص. دعونا الآن حفظ وإعادة تحميل الصفحة في الداخل من أن المتصفح. تحديث في كروم، وفويلا. لدينا الآن صفحة جون هارفارد تركزت ونحن المقصود.